Sabtu, 23 April 2011

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.

Tidak ada komentar:

Poskan Komentar