10 Stylish Facebook Like Badge for Blogger ~ HelPro Blogger

Before the previous 2 months we got the requests of stylish Facebook Like Box widget for blogger. So, we bring 10 new stylish Widgets for Bloggers. Let it do for Our blog or website. As this is site or blog responsive and color matching widget.

How to add widget to blog or website ?

Now Let see how it can be added:

Just Click on Add A Gadget
Now Click on HTML/JavaScript
Now Paste Any Widget or Gadget Code
Copy Any Code

Style 1:

Style 2:

Style 3:

<style type="text/css"> .hbfbOuter { background-color: #CBFFD6; width: 250px; padding: 10px 0 10px 10px; height: 250px; border: 1px solid #CCCCCC; -moz-box-shadow: inset 0 0 10px #447444; -webkit-box-shadow: inset 0 0 10px #447444; box-shadow: inset 0 0 10px #447444; } .hbfbInner { height: 240px; overflow: hidden; } </style> <div class="hbfbOuter"> <div class="hbfbInner"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelproblogger&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe> </div> <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"> <a href="http://www.helperblogger.com/" target="_blank">Get this widget</a></div> </div> </script>

Style 4:

Style 5:

<style type="text/css"> .hbfbOuter { background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cJg-Mv4GyLv5ECVTHUE3CP10CVbJpB64pR3FSKiFoa61Fde-9P6_AiBtERJtXv8UPJnJPkaspUZD_KgcEShAu9ZQBY2t_qlEGArF4wEe1iAAMtfMLoq4zRHPoADxl40x9UJQceBwi4A/s1600/hb-custom-facebook-likebox2.png); width: 250px; padding: 10px 0 10px 10px; height: 250px; border: 1px solid #CCCCCC; -moz-box-shadow: inset 0 0 10px #00000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .hbfbInner { height: 240px; overflow: hidden; } </style> <div class="hbfbOuter"> <div class="hbfbInner"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelproblogger&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe> </div> <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"> <a href="http://helproblogger.blogspot.com/2016/12/10-stylish-facebook-like-badge-for-blogger-website.html" target="_blank">Get this widget</a></div> </div> </script>

Style 6:

<style type="text/css"> .hbfbOuter { background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtChvnNJDpNyYd29MfxfatId13qQAh137IFG4IEHpHLWaUyVB8UV5IvKau8_p1V3TivhwxyzN9zthi3RdlgXUlamTKUaJKyIhFcaB8XFWzKWpyqDGJFkiqSIHVJ2xr4EswAqZ9R8tg3oI/s1600/hb-custom-facebook-likebox3.png); width: 250px; padding: 10px 0 10px 10px; height: 250px; border: 1px solid #CCCCCC; -moz-box-shadow: inset 0 0 10px #00000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .hbfbInner { height: 240px; overflow: hidden; } </style> <div class="hbfbOuter"> <div class="hbfbInner"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelproblogger&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe> </div> <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"> <a href="http://helproblogger.blogspot.com/2016/12/10-stylish-facebook-like-badge-for-blogger-website.html" target="_blank">Get this widget</a></div> </div> </script>

Style 7:

<style type="text/css"> .hbfbOuter { background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffWw8ieNVWfjjK38ts3ksBJO-xGZLHJA-CixasYm3prTgCNrutTSK4QMeskI14uRbKrbDWNklirxrWUgAQn-sv3QnlY0exHWy6dH7DVcYuCws5S6qdGL3jBSQY3sq5olNWE9GorSBK5s/s1600/hb-custom-facebook-likebox4.png); width: 250px; padding: 10px 0 10px 10px; height: 250px; border: 1px solid #CCCCCC; -moz-box-shadow: inset 0 0 10px #00000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .hbfbInner { height: 240px; overflow: hidden; } </style> <div class="hbfbOuter"> <div class="hbfbInner"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelproblogger&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe> </div> <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"> <a href="http://helproblogger.blogspot.com/2016/12/10-stylish-facebook-like-badge-for-blogger-website.html" target="_blank">Get this widget</a></div> </div> </script>

Style 8:

Style 9:

Style 10:

<style type="text/css"> .hbfbOuter { background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLvtsi1-YT6EPQS_2sozPisaS5hw2i06rS084aETFGJ2x2nzMDr6qaPcYUJd7BCOpsQK3TKjQoDQk2y0pRZ1B9EJAlWsK7hKC5jtSqqttqq4GFicMPEgY4vISqLpp6RYm6NNIPt7qtga4/s1600/hb-custom-facebook-likebox7.png); width: 250px; padding: 10px 0 10px 10px; height: 250px; border: 1px solid #CCCCCC; -moz-box-shadow: inset 0 0 10px #5E346C; -webkit-box-shadow: inset 0 0 10px #5E346C; box-shadow: inset 0 0 10px #5E346C; } .hbfbInner { height: 240px; overflow: hidden; } </style> <div class="hbfbOuter"> <div class="hbfbInner"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelproblogger&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe> </div> <div style="float:right;margin-right:4%;font-size:x-small;font-family:calibri;"> <a href="http://helproblogger.blogspot.com/2016/12/10-stylish-facebook-like-badge-for-blogger-website.html" target="_blank">Get this widget</a></div> </div> </script>

Replace ComputerTweaksAndTricks to Your Facebook Page Address.

1 comment:

Delwar Husain14 January 2022 at 20:28
Stop Navigation, How to Stop Navigation Using Google Assistant: You can use Google Assistant with Google Maps to provide verbal directions when driving, walking or biking. Once you arrive, you will probably want to finish

Stop Navigation

Collage Dorm Party 2022, How to Have a College Dorm Party: One of the most important rituals for students in college is to celebrate the most memorable student dormitory.

College Dorm Party

How you can Youtube Video Download. About that I will give you all the processes and rules, with links to all the websites. So you can easily Youtube Video Download. So let’s start with how to Youtube Video Download

Youtube Video Download Mr Delu Official

Guntree login or SignUp, How to Advertisement on Guntree 2022: Today we will learn how to create an account on Guntree, and how to login and sign up on the Guntree website

Guntree Login

Bangla to English Translation Simple , How to Bangla to English Translation 2022: Today I will show you how to easily Bangla to English Translation What are the rules for Bangla to English Translation.

Bangla to English Translation All News Paper

Surokkha Gov BD - How to Apply, Registration & Download - www surokkha gov bd : Hello friends, today I will show you how to do Covid Vaccine Registration

Surokkha Gov BD PNG to JPG

December Global holidays around the world Attendance of multi-cultural celebrations like December for a few months.

December Global Holidays

HelPro Blogger

All About Blogging Tips and Tricks

Thursday, 15 December 2016

10 Stylish Facebook Like Badge for Blogger

1 comment:

Total Pageviews

Labels

HelpProBlogger

Find Us On Facebook

Popular Posts

Labels

Our Social