[Update] Facebook like box add to blogger (standard)

Facebook Like Box is exceptionally helpful gadget to indicate guests the expert and love of the general population for his blog. Facebook offers a basic Like Box module that you can without much of a stretch incorporate into your site But the default Facebook like box isn't having great take a gander at terrible all. This instructional exercise will demonstrate to you Generally accepted methods To Add Cute Custom Facebook Like Box utilizing CSS To Blogger. Facebook Like Box is the most ideal approach to get more fans on Facebook. A Fan Box permits awesome pull in your Blog more guests or perusers to like your Facebook fan page not leaving the like go here. you don't have to do any think you just need to reorder the code. Im Sure that this Cool Customize Facebook Like Box With CSS gadget pulls in your facebook fans increment the check of Likes.

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNcqIoYzRtGTF-S1zIoX-5S_Xx2UQuHVjkcI2QAaO4XLNe-rLKNQXakN-B_TX3o1UNntV25M6D8O9lhS3Pam4jzYaLaeB0Yd1fckXd1sOIgvoFPy5qllXFkh-I0ZzL_Y9-aErLlxP5Dfs8/s1600/fan-01-pic.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://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger 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%2Fpages%2FBlogspot-tutorial%2F220888831260608&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 pages%2FBlogspot-tutorial%2F220888831260608 With your Facebook User name

 

Share this post