STEP 1
Open your Blog account .
STEP 2
Select the "LAYOUT" tab appearing at the bottom left corner.
STEP 3
Click on "ADD A GADGET" and select "HTML/JAVASCRIPT"
STEP 4
Copy the code given below and paste it in the "HTML/JAVASCRIPT" page and change the Blue text with your Facebook Page Account ID and then save it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><table id="slideright" style=" overflow:auto; position:fixed; top:5%;"><tr class="sliderightItem" style="position:fixed;right:-314px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgobPoiDGydadMhJML4iOtbH6h9fMxAHHzSRnTXyyC6vrynMjpB7-I6GxDW1rCb1tceR4yj0aHnMjh9az5uogemXGsCUdfgJZ4s4AsSPkuNcF-eum6rz2E-hoKuD-9OeEzqHuXAltkcmP0/s800/facebook-vertical.png" style="top:10px; position:absolute; border-radius: 5px 0 0 5px; border-right-width:10px; left:-24px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:150px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script>
<fb:like-box href="http://www.facebook.com/WEB-SET-GO-1817867935106644/" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr></table>
<script type="text/javascript">jQuery(".sliderightItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"></div>');jQuery("#slideright tr").hover(function(b){var a=jQuery(this);jQuery("#slideright tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({right:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({right:-a.outerWidth()});jQuery("#slideright tr").show()});</script>
No comments:
Post a Comment