Login To Blogger Go To > Design > Edit HTML.
and mark the tick box "Expand Widget Templates"
Now find (CTRL+F) this code in the template.
<div class='post-header-line-1'/>
And after it, paste This code:<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
If you didn’t find the code above in your template, The try to find the following, <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
<data:post.body/>
And Before it, paste The button code:Now click Save the Template and your done.
in the above code change the following parts,
like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.
arial this part controls the font type, keep it or change it to one of the following,
lucida+grande
segoe+ui
tahoma
trebuchet+ms
verdana
light this part controls your button color theme, and you have three options, light, evil, or dark
2 comments so far:
Realy...Niceee
thanks for the tutorial..its very helpul.
Post a Comment