Facebook like box is very essential widget for all blogs and website. Facebook pages help to generate good traffic to your blog. If your facebook page has many fans, your blog will receive good traffic from facebook. Usually, all the blogs having same style of Facebook like box. That is why I planned to make facebook like box widget with different styles.
Facebook like box is very essential widget for all blogs. Here I have added four different style facebook like box for all the blogs including Blogger and Wordpress. You can use this gadget to any of your blog even if it is hosted on any platform. You can use this Stylish facebook like box widget at anywhere on your blog as per your need. You don't want to make any major changes in coding. Just copy the below code and change the Facebook fanpage name then add it to your blog.
Finally, Click on Save Button.
Finally, Click on Save Button.
Finally, Click on Save Button.
Finally, Click on Save Button.
Facebook like box is very essential widget for all blogs. Here I have added four different style facebook like box for all the blogs including Blogger and Wordpress. You can use this gadget to any of your blog even if it is hosted on any platform. You can use this Stylish facebook like box widget at anywhere on your blog as per your need. You don't want to make any major changes in coding. Just copy the below code and change the Facebook fanpage name then add it to your blog.
Steps to Add this Facebook Like Box to Blogger Blog
Step 1: Login to your Blogger Account
Step 2: Go to dashboard and move on Layout section
Step 3: Click on Add a gadget link and select HTML/JavaScript option
Step 4: Copy the below code and paste it to HTML box
Style 1:
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYQikI1Ocdi1sa-FPxQTnuRTJ1H216SmrufgAnsZgQzHIPU1WDaAzTbuaEO8OfnSyP-KW5XIl7ILO7tM2suoniiGg135nhHFcMqjekIN3vBr1BUDcSsYeSm5wVjxfkgLL3VmUZApdfxkG4/w140-h137-p/style1.png');
overflow:hidden;
border-radius: 110px;
.height:250px;
width: 238px;
border-radius: 0px 13px 0px 0px;
overflow: hidden;">
<div style="height: 250px;
overflow: hidden;">
<a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%;
right: 0%;
top: 0px;" />
</a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;
bottom: 10%;
right: 0%;" />
</a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%; left: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSeoBloggingTools&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none;
overflow:hidden;width:250px;
height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Note: Replace SeoBloggingTools with your facebook fanpage name
Finally, Click on Save Button.
Style 2:
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJe3Ngk48iwQ3nLcv662GGTPEi9EXOqLuwbikYDzep1kq4anYkqGvjsRIij-kSlj_sJ4AniFSJvOz21NFcva9c1yUrjO_Zuk3rQ9CIwIGkuvi111EWz03Tq15m7SRS9pmBCZ7ftU8nfzgm/h120/style+2.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px; border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px;overflow: hidden;"><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;bottom: 10%;right: 0%;top: 0px;" /></a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;bottom: 10%;right: 0%;" /></a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSeoBloggingTools&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden;width:250px;height:258px;" allowtransparency="true"></iframe></div></div>
Note: Replace SeoBloggingTools with your facebook fanpage name
Finally, Click on Save Button.
Style 3:
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjszJAZG1PoH4hQLzge15yEijR9lf-Ff63_ZT8GVuf6GwmG81SrgbQH1fX1PqDpID-h4d7p7ia0CzAh_34CpusxVTSgAmyawCXl0caqF9Gb47K9ljes06WzS5O8wmkAZyh0l6Bk_wexp5lp/h120/style+3.png');overflow:hidden;border-radius: 110px; .height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px;overflow: hidden;"><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;bottom: 10%;right: 0%;top: 0px;" /></a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;bottom: 10%;right: 0%;" /></a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSeoBloggingTools&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden;width:250px;height:258px;" allowtransparency="true"></iframe></div></div>
Note: Replace SeoBloggingTools with your facebook fanpage name
Finally, Click on Save Button.
Style 4:
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiU5QpeiwOgx2WQ79hDpIataehqbMziccZkK_MpxEbQm7SXoT-BLZlj2TMTKct5xqRQV97hAZfM0wK6QulzUZYfhwSeJGu8Gkmx6UihJllax7DTMG0jrmhz4vXuHyt5BriHjAcKCq892lf/h120/style+4.png');
overflow:hidden;
border-radius: 110px;
.height:250px;
width: 238px;
border-radius: 0px 13px 0px 0px;
overflow: hidden;">
<div style="height: 250px;
overflow: hidden;">
<a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%;
right: 0%;
top: 0px;" />
</a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;
bottom: 10%;
right: 0%;" />
</a><a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC29exUa2Hji7ROalm0c-j3mAiE97awHmB_-ndwSnHU5ZLfT69wyHrbt543UUWgmDrnzAXdTy5akBKo1h2Glgg4hUyU-2jwFApEdpL07bROyTMbDeXZxYegHYBALk0NF2sV21brL_o9nu/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%; left: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSeoBloggingTools&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none;
overflow:hidden;width:250px;
height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Note: Replace SeoBloggingTools with your facebook fanpage name
Finally, Click on Save Button.
If you like this Kindly share it. Which style you have selected for your blog? Share your experience with us by leaving a comment below.
0 Comments:
Post a Comment