How To Add Facebook Like Button To Blogger

Facebook is so dominant right now that all of us bloggers should add their Facebook propriety "like" button to our blogs. Even Google has to acknowledge Facebook astronomical rise in a virtual playground once ruled by Google themselves. Google has a lot of work to be done before they can even match Facebook's popularity amongst the netizens with their new +1 service. This post is created to share with you guys how you can add Facebook Like button to each of your blog post. It is very important that you integrate this Facebook like button to make your blog more "transparent" and social.

Photobucket
All blogs should have Facebook Like button.

You may ask, "Why should I stuff Facebook Like button to my beautiful blog?"  Well...if your blog is just a normal, private blog which you don't wish to let the whole world know...or if you are a social networking recluse, then yeah...you don't have to read on. But if you wish to increase your blog traffic and be more visible in the internet...you definitely has got to have Facebook Like button. For those uninitiated, Facebook Like Button is just one of the handful of Social Plugins that Facebook has rolled out recently. Altogether there are 10 different Social Plugins that Facebook is offering. However I believe the 2 most important ones are their Like and Send buttons.

Photobucket

Altogether there are 3 different styles of Facebook Like button. One is the rudimentary Like button without any count, and the other two comes with box count and button count respectively. On top of that you can choose whether you want to add the Facebook Send button alongside your Facebook Like button. IMHO it is recommended that you add the Send button as it allows you to send your post directly to your selected friends. Meaning that it will be sent and posted onto their walls. So are you ready to make your blogs more Facebook Like-able?

Standard Facebook Like Button For Blogger
Step 1: Go to your blogger Dashboard-->Design-->Edit HTML and check "Expand Widget Templates"
Step 2: Find <data:post.body/> or <div class='post-body entry-content'> and immediately after it add the following script:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=true&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

</b:if>

If you just want the Like and not the Send button, then your code will be:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

</b:if>


Facebook Like Button With Box Counter For Blogger
Follow step 1 and 2 as mentioned above and paste the following script:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=true&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=85&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:85px;'/>

</b:if>

Again, if you just want the Like button and not the Send button, then your should paste this code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>

</b:if>

Facebook Like Button With Button Counter
Follow step 1 and 2 again and paste the following script:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=true&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:150px; height:21px;'/>

</b:if>
If you just want the Like button and not the Send button, use the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>

</b:if>

How To Customize Your Facebook Like Button
I'm sure you have noticed that some of the codes are coloured green right? You can actually changed your Facebook Like button's so-called "properties" by changing the green codes. For example, if you want to change the style of your font, then locate font=arial and change it into one of the font styles below:

  • font=lucida%2Bgrande
  • font=segoe%2Bui
  • font=tahoma
  • font=trebuchet%2Bms
  • font=verdana

Beside the styling of the font you can also change:

  • The color by changing colorscheme=light to colorscheme=dark
  • The width and height of your Like Button as shown above.
  • You can also change the default "Like" word to "Recommended" by making changes from action=like to action=recommend
  • You can also disable your Send option by changing send=true to send=false.

Well there you have it folks, how to add the must-have Facebook Like button to your blogger. Remember Facebook Like button is not just a luxury anymore; it is a necessity for you to strive and survive in the blogosphere. It's either you adapt or you will be left behind in this ever-evolving virtual world where social media rules. It is time for you and your blog to be more Like-able. Hopefully more people will know how to add Facebook Like button to their blog.

*Pst! Pst* Don't forget to like my blog and post ok. :p
Photobucket
Give all your blog posts a Facebook Like button. Ha :D

COMMENTS

Name

About Me,7,Adgitize,1,Adidas,2,Adsense,5,Advice,2,AdWords,1,Aeon,1,AirAsia,2,All England Badminton,2,Android,2,Angry Birds,1,Animal,13,Announcement,27,Antivirus,3,App Review,3,Apple,17,Arts,4,Astro,2,Asus,3,Attention Please,39,Automobile,38,Avatar,4,Awards,3,Baking,2,Barbies,1,Basketball,5,Beautiful Stories,2,Big Bad Wolf,1,Birthday,34,Bizarre,22,Black Pearl 2,1,Black Shark,1,BlackBerry,1,Blog Traffic,1,Blog Tutorial,1,Blogging,66,Book,5,Broadband,15,Buffet,4,Business,18,Camera,7,Career,1,Cases,2,Casio,1,Cat,2,Celebrity,75,Certification,3,Chinese New Year,43,Christmas,18,Christy Yow,4,ChurpChurp,5,Clothing,2,cny,2,Coffee,15,Community Service,1,Computer,2,Contest,9,Converse,2,Cookies,2,Cooking,10,Covid19,30,Credit Card,3,Cristiano Ronaldo,7,Daboba,2,Debit Card,1,Dental Care,1,Desserts,3,DiGi,6,Dinosaur,3,Dior,1,DJI,1,Dog,1,Double Dose,28,Double Tree,2,Dream,1,Drone,1,Dyson,5,E-books,1,Earbuds,5,Earth Hour,1,Education,4,Electric Scooter,1,Energizer,1,Entrecard,6,Events,9,Exams,4,Exercise Equipment,2,F1,2,Facebook,10,Fashion,8,Father's Day,1,Featured,2,Feng,1,Feng Shui,7,Festival,17,Finding Twitter Followers,2,Fitbit,2,Fitbit Ace,1,Fitness,6,Fitness Tracker,4,Food,2,Food In Aeon Bandaraya Melaka,1,Food In Melaka,14,Food Review,69,Football,24,Footwear,19,Fortnite,1,Fuel,2,Fun,80,Funny,21,G-Shock,1,Gadget,174,Games,5,Gaming,3,Gardening,1,Ghost,10,Gifts,11,Glasses,1,Golf,1,Google,6,Grab,1,GSC,3,Hard Drive,3,Hari Raya,2,Hasbro,1,Hatten Place,3,Health,31,Heart,18,Hermès,1,Heroes,7,Hi Tea,2,Home,5,Honor,4,Hotel,7,Hotel Review,2,Housekeeping,1,Huami,2,Huawei,10,HyperGear,2,IKEA,1,Infernal Affair,42,Infographic,3,Insurance,1,Internet,32,Internet Marketing,2,Investment,1,IOI City Mall,1,iPad,4,iPhone,10,iPod,2,Iron Man,2,Jay Chou,4,Jobs,1,Joke,2,Juke-Blog,27,Jusco,2,Kanghyuk,1,Kitchen,5,Kitchen Gadget,6,Knowledge,39,Kuala Lumpur,1,Lalamove,1,Lamborghini,2,Laptop,1,Lazada,4,Leaks,1,Lee Chong Wei,3,Lego,1,Lenovo,1,LG,2,Life-Style,46,Logitech,1,MacBook,1,MacDonald,2,Mahkota Parade,2,Make Money Blogging,3,Make Money Online,12,Make Money Tweeting,2,Malacca,16,Malaysia,38,Manchester United,14,Marketing,1,Maxis,1,McDonald's,1,MCO,31,Melaka,19,Mi Band,1,Microsoft,1,Midvalley,3,Mijia,1,Milky Our Pet Dog,1,Monday Blues,13,Money Talk,10,Mother's Day,3,Motorola,3,Movie Review,23,Music Monday,102,My Babies,201,My Chronicles,269,My Family,82,My Video,5,My Wife,25,Myvi,1,Nature,11,NBA,2,Nerf,1,New Mobile Phone,2,New Year,2,New Year's Resolutions,5,News,12,Nike,3,Nokia,3,Nokia E72,9,NSK,1,Nuffnang,17,Olympic,1,OnePlus,1,Oppo,6,Oreo,1,Outdoor,1,PageRank,2,Panasonic,1,Parenting,28,Pay Fong Middle School,2,PC Fair,1,Penang,1,Performance,1,Perodua,5,Pet,6,Petronas,5,PG Mall,1,Photography,21,Pikachu,1,Pokemon,1,Power Bank,1,Pregnancy,1,Premium Review,7,Pride Month,2,Problogging,14,Product Review,28,Productivity,1,Promotion,4,Proton,15,Proton Inspira,8,Qing Ming,5,Ramadan,4,Ramadan Buffet,5,Ranting,2,Razer,2,Realme,3,Redmi,2,Reebok,1,Reloaded,1,Reward,2,Rolls-Royce,1,Russell Taylors,4,Samsung,32,Samsung Galaxy S6,3,Seagate,1,Self-Improvement,1,Sex Chat,23,Sheraton PJ,2,Shocking,71,Shopping,22,Smartphone,58,Smartwatch,8,Snapchat,1,Software,4,Sony,2,Sony Ericsson,1,Soul,81,Speaker,4,Spectacles,1,Spongebob Squarepants,1,Sport,16,Star Wars,1,Starbucks,1,Streamyx,3,Subway,1,Sudio,1,Sunglasses,1,Supernatural,9,Suunto,1,Swimming,1,Tablet,4,Taiping,24,Taiwan Excellence,2,Taste Buds,110,Tech-Life,57,Tekkaus Poll,7,Telco,10,The Hobbit,1,Time,1,Tips,3,TM,2,Toy,23,Transformers,4,Travel,26,Twitter,13,Twitter Tools,1,U Mobile,1,Under Armour,1,Unifi,5,Vacation,15,Valentine's Day,4,Vivo,3,Watch,1,Wearable,15,Wesak Day,1,Widget,4,Women,9,Wordlesser Wednesday,28,Working Life,22,World Cup,12,Xiaomi,19,Youtube,9,YTL YES 4G,4,
ltr
item
Tekkaus | Lifestyle . Gadget . Food . Travel : How To Add Facebook Like Button To Blogger
How To Add Facebook Like Button To Blogger
http://i71.photobucket.com/albums/i159/tekkaus/Facebook/HowToAddFacebookLikeButtonToBlogger2.jpg
http://i71.photobucket.com/albums/i159/tekkaus/Facebook/th_HowToAddFacebookLikeButtonToBlogger2.jpg
Tekkaus | Lifestyle . Gadget . Food . Travel
https://www.tekkaus.com/2011/04/how-to-add-facebook-like-button-blogs.html
https://www.tekkaus.com/
https://www.tekkaus.com/
https://www.tekkaus.com/2011/04/how-to-add-facebook-like-button-blogs.html
true
4207407882210812347
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content