Search This Blog

Wednesday, 10 July 2013

Add Facebook Slide Out Like Box Widget For Blog\Website

Add Facebook Slide Out Like Box Widget For Blog\Website

 Facebook is the most famous website and people advertise their products or we/blogs on it and in return get traffic. People also wants facebook likes for better traffic so here is a widget for Facebook likes.

Steps To Follow:-->

1. Go to your blogger dashboard.
 
2. Click on "Template"  and then "Edit HTML"
3. Press Ctrl+F for finding the following code
<head> tag
 
 and paste the following code after the <head> tag.
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
4-Click on "SAVE TEMPLATE"
1 part is clear now do the following.

5-Go to "Layout" then on "Page elements"   click on "Add a Gadget".
 
6-Choose "HTML/JavaScript" from the list of the gadgets and paste the code below.
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".rblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.rblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzr66SOynMwVyr2pGeJiAixWNVuTzF764FnlAWn1Gi1WBRMeCIM69Gr69YKNCaNxFCH9K8myuzTNtKUkXuh6CWR8oSBoE4FJ1-UTypC-fstWJawDquY3x19dGe8eutdUHrdAMk3TwQw3Q/h120/rb+facebook+slide+out+widget.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.rblikebox div{border:none;position:relative;display:block;}.rblikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.rblikebox span a{color: gray;text-decoration:none;}.rblikebox span a:hover{text-decoration:underline;}</style><div class="rblikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/SoftwaresRockers&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://realcombiz.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZwITS3Vfeu_NMqx8XM0B0pBljPXVUatwk1bgLnu-fuSP2GzOt0mgZVbsBv5pqwyxaiOgruxLtJmhaoSD52w1p455P3ik8_84oTABqQUe1zyzU2MnjwRKFqvEnyUwHBdIs2Y6NL06t2s/s1600/1x1juice.png'/></a></div>
 
 
Replace 'SoftwaresRockers' facebook fan page username with your own.
That's it.
 
Share This

No comments:

Post a Comment

Infolinks