Friday, January 8, 2016
Add Mini Sliding Facebook Like Box For Blogger Blog By Masti Computer
Are you looking for a way to promote your Facebook fan page received?Today I give you one piece to increase your Facebook likes.Statistics add Facebook like box perched on your blog or website.Widget remain in a constant on the right side of your website mode.When you hover over the blue 's Facebook like box will then dragAnd be using jQuery. As you know, required social media back contactTo increase page rank and maintain the health of the site. So keep in mind that I put thisPiece and I'm sure it will increase Facebook likes. I've shared a floatingFacebook like Facebook fund such as Popup Fund and widgets for blogger swamp,but I flattererSharing a miniature version of Facebook, such as a floating box. I'm sure you will like it!.Add Mini Sliding Facebook Like Box For Blogger Blog By Masti Computer.
Add Mini Sliding Facebook Like Box For Blogger Blog?
Follows Steps.
1 : Login to Blogger Account.
2 :Go to Layout Tab.
 |
| Step -1: |
3 : Click on Add a Gadget.
 |
| Step-2: |
4 : Then Scroll down and select widget type as HTML/JavaScript.
5 :Paste the following Code inside it.
 |
| Step-3: |
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".bbtmini").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.bbtmini{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiWgMTjEbL3HexNkNPKO4NvWmH0C78_PWNcyuM8EbcqawCs9uaEQ_W-LIFgtBz9Rd8JQi1ArT7w3Y1LmRPonw_ehFPQFSGORa1lll9D1AKWnMFwoMwTIOAXBZOJxlB8OuKFJH2jy2RA-D6/s1600/FB-sliding-widgets-HTD-100px.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.bbtmini div{border:none;position:relative;display:block;}
.bbtmini span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.bbtmini span a{color: #808080;text-decoration:none;}
.bbtmini span a:hover{text-decoration:underline;}
</style>
<div class="bbtmini" style="right: -250px;">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FMastiComputer&width=230&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=100" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 100px; width: 230px;background:#fff;"></iframe>
</div>
</div>
6 :Just replace MastiComputer with your Facebook username.
7:Hit Save Button and View Blog.
