Necessity Of Facebook Like Box For Blogger
Latest Style Attractive Facebook Like Box For Blogger
Latest Attractive facebook widget makes nice thought to visitors to hit on like button. By getting more likes on your site fanpage on facebook you will get unique visitors everyday. It is the best choice by the bloggers who are developing their blogs to monetize. If your social networking fanpages getting nice hits your site rank will be increased on both alexa and google. I added here nice facebook like box widget.
It looks very simple and it is very small to the normal one. This latest style facebook like box got more hits on many popular sites. You can add this latest style facebook like box on your blog to get more like by adding below coding into your blog. See the demo of the latest style facebook like box of the below coding before adding below coding into your blog.
 |
| preview of latest style facebook like box widget |
It looks very simple and it is very small to the normal one. This latest style facebook like box got more hits on many popular sites. You can add this latest style facebook like box on your blog to get more like by adding below coding into your blog. See the demo of the latest style facebook like box of the below coding before adding below coding into your blog.
How To Add This Latest Style Facebook Like Box Into Blogger?
- Login to your Blogger account
- Go to dashboard and move on Layout section
- Click on Add a gadget link and select HTML/JavaScript option
- Copy the below code into HTML box
- Click on the Save button.
Also Read:
Attractive Page Down Bottom Popup With Facebook And Twitter Buttons For Blogger
<style> .Trickstoo { width: 290px; height: 210px; border-radius: 3px; position: relative; background-color:#f4f4f4; padding:5px 10px 15px 0; } .Trickstoo, .Trickstoo:before, .Trickstoo:after { background: #f4f4f4; border: 1px solid #ccc; } .Trickstoo:before, .Trickstoo:after { content: ""; position: absolute; bottom: -3px; left: 2px; right: 2px; height: 1px; border-top: none; } .Trickstoo:after { left: 4px; right: 4px; box-shadow: 0 0 2px #ccc; } </style> <div class="Trickstoo"> <div style="height:200px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/vikramhacks" data-width="300" data-height="230" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "> <span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 230px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php? border_color=%23f4f4f4&channel= https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3D http%253A%252F%252Fwww.Trickstoo.com%252Ff1ae6f85bc%26relation%3D parent.parent%26transport%3Dpostmessage& colorscheme=light&header=false& height=300& href=https%3A%2F%2Fwww.facebook.com%2Fvikramhacks& locale=en_US&sdk=joey& show_faces=true&stream=false& width=300"> </iframe> </span> </fb:like-box> </div> </div> <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>
You Must Do It
- Replace vikramhacks (red color) with with facebook fanpage name of your blog.
