How to add Facebook like button


How to add Facebook like button
How to add Facebook like button

How to add Facebook like button to blogger post – Facebook is the most popular social network nowdays, everything connected to facebook is very interesting including the installation of facebook like button to blogger post.
facebook like button
Install facebook like button to blogger post facilitate the blog visitors to give the like vote at your blog posts, the greater number of votes indicates many visitors likes your posts.

Position of Facebook like button installation

There are several positions of Facebook like button installation that you can choose. Here's How To In Blogger give two examples in facebook like button installation and the HTML code.

Top of blogger post

Below is the code:
 <b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/> </b:if> <data:post.body/>  

Under of blogger post

Below is the code:
 <data:post.body/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/> </b:if>  

How to add facebook like button

First of all you should to do is choose the position has been given above, then do the following steps for the details installation on your blog:
  1. Please login to blogger with your ID
  2. Click on Design
    blogger design
  3. Click on Edit HTML tab
    blogger edit html
  4. Do the backup for your template first by clicking on Download Full Template
  5. Check the small box besides Expand Template Widget
    expand widget templates
  6. Find this code on your template (tips: use the finder facilities on your browser for the faster searching, click Ctrl+F to activate then enter the code).
     <data:post.body/>  
  7. Delete the code <data:post.body/> then replace with the facebook like button code in accordance with the position you want. For example, if you want to install facebook like button on under of the post, the code used as follows:
     <data:post.body/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/> </b:if>  
  8. Click Save Template button
  9. Done.
How to add Facebook like button

Ada 1 comments untuk artikel How to add Facebook like button

atif xhaikh on February 7, 2020 at 6:08 PM said...

This is very educational content and written well for a change. It's nice to see that some people still understand how to write a quality post.!
PortableBeasts


How to add Facebook like button 9out of 10 based on 100 ratings. 99 user reviews.

Post a Comment

 


garis hitam panjang

imammurtaqi's Profile on Ping.sg 
garis hitam panjang