1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[Trick] Make image clickable in Facebook

Discussion in 'Social Networking Sites' started by okazaki, Mar 23, 2016.

  1. okazaki

    okazaki Jr. VIP Jr. VIP

    Joined:
    Apr 16, 2015
    Messages:
    804
    Likes Received:
    341
    Home Page:
    Hello
    I saw many member asking how to post a clickable image in Facebook, it's simple just follow this step.

    First step:

    Upload the image that you want to be visible in Facebook, for example we will use this image.

    Untitled.jpg

    Now copy the image link and post it in Facebook.

    2.jpg

    Second step:

    Now, when someone click in the post he will visit the image link. we need to redirect to our desired link, to do this open your ".htaccess" file in your Cpanel Filemanager and add this line.
    Code:
    redirect /image.jpg http://www.google.com
    change "google.com" with your URL and "image.jpg" to your uploaded image.
    now when someone click in the Facebook post image it will open another link in our example google.com.

    Note:
    Facebook update link information after 30 day that mean after 30 day the link information will be updated and the image will not be shown because the link image is redirected.
    To fix that follow this step:
    1. Remove the redirect line from .htaccess file.
    2. Paste the image link in the Facebook debugger tool: https://developers.facebook.com/tools/debug which will refresh Facebook's cache
    3. Apply the redirect again.
    4. Repeat every time Facebook refreshes its cache.
     
    • Thanks Thanks x 40
  2. BabyMonster

    BabyMonster Power Member

    Joined:
    Feb 4, 2007
    Messages:
    719
    Likes Received:
    225
    Location:
    Street
    This is brilliant thanks! Would this work the same on mobile?
     
  3. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    5,199
    Likes Received:
    2,406
    Occupation:
    blog creator
    Location:
    UK
    or you could just use a plugin that'll do it for you - easy
     
  4. okazaki

    okazaki Jr. VIP Jr. VIP

    Joined:
    Apr 16, 2015
    Messages:
    804
    Likes Received:
    341
    Home Page:
    I didn't test it in mobile but i think it will work
     
  5. SeoWrecker

    SeoWrecker Jr. VIP Jr. VIP

    Joined:
    Jul 16, 2012
    Messages:
    1,917
    Likes Received:
    1,647
    Gender:
    Male
    Location:
    Doesn't matter
    Nice little tweak, thanks for the share!
     
  6. vanminh604

    vanminh604 Newbie

    Joined:
    Oct 28, 2015
    Messages:
    14
    Likes Received:
    2
    Occupation:
    Personal Trainer
    Location:
    Vancouver
    Thanks for this!!
     
  7. abhi007

    abhi007 Jr. VIP Jr. VIP

    Joined:
    Aug 31, 2010
    Messages:
    5,711
    Likes Received:
    3,886
    Location:
    Theatre of dreams :)
    Should come in handy.
     
  8. Cherry

    Cherry Supreme Member

    Joined:
    Mar 23, 2014
    Messages:
    1,235
    Likes Received:
    312
    Gender:
    Female
    Location:
    Care-a-lot
    What plugin? Mind sharing it with us?

    OP, thanks for this!
     
  9. nimdekvan

    nimdekvan Junior Member

    Joined:
    Jun 3, 2015
    Messages:
    184
    Likes Received:
    50
    I don't understand this. Isn't it clickable already when you post your website link and upload the image?
    Mine seem to be fine no need to edit .htacess or anything.
     
  10. okazaki

    okazaki Jr. VIP Jr. VIP

    Joined:
    Apr 16, 2015
    Messages:
    804
    Likes Received:
    341
    Home Page:
    The difference between post link and image clickable it will show only image without the url description,title and link in the post.
    you can check the second image and you will get the difference.
     
    • Thanks Thanks x 1
  11. PHPInjected

    PHPInjected Elite Member

    Joined:
    Apr 25, 2014
    Messages:
    2,147
    Likes Received:
    1,875
    Occupation:
    100% Unique Content Writer
    Location:
    Overriding Methods
    This is a great share. Thanks for the tip!
     
  12. K.H.R

    K.H.R Jr. VIP Jr. VIP

    Joined:
    Dec 9, 2013
    Messages:
    3,154
    Likes Received:
    1,006
    Gender:
    Male
    Location:
    BHW
    Nice Tricks... Helpful...

    Thanks...
     
  13. m4ng0

    m4ng0 Junior Member

    Joined:
    Jan 1, 2016
    Messages:
    117
    Likes Received:
    21
    Location:
    CableLand
    Thanks for the tip.
     
  14. okazaki

    okazaki Jr. VIP Jr. VIP

    Joined:
    Apr 16, 2015
    Messages:
    804
    Likes Received:
    341
    Home Page:
    Thank you friends
     
  15. javabro

    javabro Power Member

    Joined:
    Dec 2, 2015
    Messages:
    630
    Likes Received:
    671
    Gender:
    Male
    Useful method thanks for sharing.
     
  16. Eternal1912

    Eternal1912 Power Member

    Joined:
    Dec 6, 2014
    Messages:
    621
    Likes Received:
    246
    Gender:
    Male
    Occupation:
    Freelance Writer
    Location:
    Bulgaria
    ".htaccess" file in your Cpanel Filemanager

    Where can I find the CPanel FileManager? Sorry for the dumb question :)
     
  17. Odinsupremacy

    Odinsupremacy Regular Member

    Joined:
    Sep 9, 2015
    Messages:
    239
    Likes Received:
    33
    Occupation:
    Online Marketer
    Location:
    BHW 4 Life
    Great share will be using this over and over until it gets patched. Thanks
     
  18. FIREBOSS

    FIREBOSS Power Member

    Joined:
    Aug 21, 2014
    Messages:
    588
    Likes Received:
    144
    Occupation:
    Network Admin
    Location:
    Everywhere
    Still didn't understand but will try again and again
    Thanks mate
     
  19. FIREBOSS

    FIREBOSS Power Member

    Joined:
    Aug 21, 2014
    Messages:
    588
    Likes Received:
    144
    Occupation:
    Network Admin
    Location:
    Everywhere
    Login to cPanel.
    Click on "File Manager" in the "Files" section.
    Select "Document Root for:" and select the domain name you wish to access.
    Make sure "Show Hidden Files (dotfiles)" is checked.
    Click the "Go" button.
    The File Manager will open in a new tab or window.
    Look for the .htaccess file in the list of files. You may need to scroll to find this file.
    Right click on the file and click on "Code Edit" on the menu. (Alternatively, you can click on the icon for the .htaccess file and then click on the "Code Editor" icon at the top of the page.)
    A dialogue box may appear asking you about encoding. Just click on the "Edit" button to continue.
    The editor will open in a new window.
    Edit the file as needed.
    Click on the "Save Changes" button in the upper right hand corner when done.
    The changes have been saved. Test your website to make sure it has the desired effect. If not, correct the error or revert back to the previous version until your site works again.
    Once complete, you can click "Close" to close the window.

    https://my.bluehost.com/cgi/help/2139
     
    • Thanks Thanks x 1
  20. loedown

    loedown Jr. VIP Jr. VIP

    Joined:
    Jun 29, 2009
    Messages:
    1,586
    Likes Received:
    496
    Home Page:
    That's great, I've been looking for something like this.