Friday, May 6, 2011

How To Custom Facebook Like Button to Blogger Post TUTORIAL

Here’s the code for the standard Facebook like button.
  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.  After the code <data:post.body/> paste with the facebook like button code below    
    <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
    Finally,Click Save Template button & view your blog 

    DONE !

No comments:

Post a Comment