How To Add Stylish Facebook Like Box Below Blogger Posts?

  • First Step :- Log In To Your Blogger Dashboard – Go To Design – Edit HTML – Expand Widgets
  • Second Step :- Search The Following Code In Your Blog
  • Third Step :- Just Above This Line Paste The Following CSS Code
  • Fourth Step :- Now Search The Following Code
  • Fifth Step :- 
  • Sixth Step :- Save Your Blogger Template & Its Done.

]]></b:skin>

.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:560px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url(“http://2.bp.blogspot.com/-lfNX4CshnVQ/TxGGFQw54II/AAAAAAAAFwo/ThoFQj-O3ss/s1600/Facebook_Likebox_Logo.jpg”) no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url(“http://2.bp.blogspot.com/-rOjl9uJc-NU/TxGGVpw1LCI/AAAAAAAAFww/jJA-pgQD61w/s1600/Become+a+Fan_Logo.jpg”) no-repeat scroll left top transparent;
display:block;
margin-left:445px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:535px;
height:42px;
}

<data:post.body/>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’fb_like_box’>
<div class=’fb_like_top’><a rel=’nofollow’ href=’Facebook Fan Page URL‘>Become a Fan</a></div>
<div class=’fb_like_button_holder’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;
action=like&amp;font=arial&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px;height:30px;’/>
</div>
</div>
</b:if>

“How To Add Stylish Facebook Like Box Below Blogger Posts”Stylish Facebook Like BoxNote:- Note :-Blue LineFacebook Fan Page URL ) If you need any help regarding this tutorial then contact us or just leave a comment below in comment box. Enjoy..!!! Keep In Touch For More Tutorials

Subscribe
Subscribe