Advance stylish Facebook like box widget for blogger | Lush web
Advance stylish Facebook like box widget for blogger | Lush web
This is new and very stylish widget for blogger. you can increase your Facebook likes with this widget on your blogger. This widget very easy to add in blogger.
Follow these steps and add this widget in your blogger.
First go to TEMPLATE
click on EDIT HTML
now CTRF+F and find ]]></b:skin>
Now add this code before/above ]]></b:skin>
#Lw-fb {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding:10px;
margin-top:25px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:560px;
}
# Lw-fb:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
}
# LS-fb td{
padding:3px 0;
}
Now search for <data:post.body/>
Now add the code just below/after.
<b:if cond='data:blog.pageType == "item"'>
<div id='Lw'>
<table width='100%'>
<tbody> <tr><td>
<span style='font-style: normal; font-size: 23px;
font-family:Georgia,Times New Roman,Trebuchet MS; '>Receive daily updates from LUSHWEB via Facebook</span></td></tr>
<tr><td>
<iframe allowTransparency='true'
frameborder='0' scrolling='no'
src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FYour FB Name&
width=590&height=180&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>
- See more at: http://lushweb.blogspot.com/2012/09/advanced-facebook-like-box-blogger.html#sthash.Il6Y4u6x.dpuf
Now save and check.
