728x90 AdSpace

Sunday 26 January 2014

Amazing 4 Styles Facebook Like Box Widget For All Blogs and Websites


Share It With Your Friends





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.


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:

Amazing 4 Styles Facebook Like Box

<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&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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:

Amazing 4 Styles Facebook Like Box

<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&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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:

Amazing 4 Styles Facebook Like Box

<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&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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:

Amazing 4 Styles Facebook Like Box



<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&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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. 
  • Blogger Comments
  • Facebook Comments

0 Comments:

Post a Comment

Top