Monday 9 November 2015

How to Add Facebook Like to Blogger

Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.

This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services

Steps

How to Add Facebook Like to Blogger 1
1. Go to the "Facebook Developers" page:
http://developers.facebook.com/docs/reference/plugins/like.

How to Add Facebook Like to Blogger 2
2. Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections.

How to Add Facebook Like to Blogger 3
3. Leave the "URL to Like" field blank. You will be replacing that soon.

How to Add Facebook Like to Blogger 4
4. Click "Get Code". You will see something that looks like this:


<iframe src="http://www.facebook.com/plugins/like.php?href=

http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&

show_faces=false&width=450&action=like&colorscheme=light"

scrolling="no" frameborder="0" allowTransparency="true"margin: 0px; padding: 0px; color: rgb(84, 84, 84); font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px;">
overflow:hidden; width:450px; height:px"></iframe>

How to Add Facebook Like to Blogger 5
5. Replace the following text:
  • src= above with:
    expr:src='
    
  • http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layoutpart with:
    " + data:post.url + "&layout
    
  • light" with:
    light"'
    
    -- notice the new trailing apostrophe
  • height:px with:
    height:35px
    
    -- otherwise, Firefox will make the iframe really big.
  • Leave a copy of the final code somewhere accessible for you to transfer to Blogger.
How to Add Facebook Like to Blogger 6
6. Go to your Blogger Dashboard.

How to Add Facebook Like to Blogger 7
7. Open your blog's layout and click Edit HTML.

How to Add Facebook Like to Blogger 8
8. Find a place to put the Facebook "Like" code into your HTML layout. A good location is directly after or below:
<div class='post-footer'>
  • Use the browser "Find" mechanism to help you locate it.
How to Add Facebook Like to Blogger 9
9. Save and check that the button has appeared. Once you can see it, you're done!
 

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Labels

404 AdBlock Add-on Airtel GPRS Trick Airtel SMS Trick Alexa Amazon Amazon Kindle Amazon Prime Android Android 8 Android Oreo antivirus Apple Apple Mac ASCII Audacity Audio Authotkey Backup Balance Transfer in Vodafone Battery Bing Blogger Blogging Bookmarklet Browser Camera Chromebook clock Cloud colors command lines Computer Computer Tricks configuration Contact Creative Commons Credit Card CSS devolop DIY Doodle DOS Download Dropbox E-Mail eBook Email Email Attachment Embed Encryption English Error Evernote Eyes Facebook Facebook Tricks Feedburner Flipkart Font Foursquare Free Internet Free sms trick in Vodafone G Mail Gadget Game Getty Images GIF Gists Github Google Google AdSense Google Analytics Google Apps Google Chrome Google Contacts Google Currents Google DNS Google Docs Google Drive Google Earth Google Font Google Forms Google Images Google Map Google Photos Google Play Store Google Plus Google Print Google Reader Google Script Google Sheets Google Spreadsheet Google Translate GPRS Setting GPS Hacking Health App HelloFax Hindi Hoodie HTML Icons idea Image Editing Images IMEI Indian Railways Infographics Instagram Internet Internet Explorer Internet Tricks iOS iPad iPhone IRCTC iTunes iTV JavaScript JioCinema JioTV Junglee Kindle Language Translation Laptop Laptop. TV Life Time FREE GPRS Life-Style Link Linkedln Linux logo Make Money Online Microdoft Powerpoint Microdoft Word Microsoft Office Microsoft Outlook Mobile Mosaic Music Name Networking nexus Notepad OCR Online Shopping Open DNS OS Outlook Password PDF Petya Phillips Hue Lights Photogtraphy Pixel Play Station Podcasts Pokemon Pokemon Go Polls Print Productivity Proxy Server Pushbullet QR Code Ransomware Reddit Reliance Hack GPRS Reliance Jio RGB Ringtone Router RSS Safe Mode Samsung Galaxy S Scrabble Screen Capture Screen Sharing Screencast Secrets Security Send free sms from PC SEO Sierra Skype Slideshare SMBv1 SMS Snapchat Snapdeal Social Media Solution Sound Device Speech Recognition Sql Steam Sync Synology NAS Tata Docomo GPRS trick Teleprompter Torrent Trick Tricks TV Twitter UltraISO Unicode Unknown Extension Unlimited 2GB Unlimited 3GB Unlimited GPRS USB USB Security Key Video Editing virtual desktop Virus attack VLC Vodafone 110% working trick for GPRS Vodafone 3g Vodafone GPRS VPN wallpapers WannaCry Web Design Web Domain Website Wget Whatsapp WiFi Wikipedia Windows Windows 10 Windows 10 S Windows KN Windows Tricks windows updates Winows N Wolfarm Alpha WordPress XBox YouTube Zip
Twitter Delicious Facebook Digg Stumbleupon Favorites More