பிளாக்கரில் வரும் அழகிய Facebook pop out like box விட்ஜெட்

Posted by : Unknown Saturday, May 19, 2012

உங்கள் பிளாக்கரில் பேஸ்புக் லைக் ஐ அதிகரிக்க செய்ய அழகான விட்ஜெட் இதை உங்கள் பிளாக்கில் வைக்க

முதலில் உங்கள் பிளாக் கணக்கில் நுழைந்து Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.

பின்பு கீழேஉள்ள கோடிங்கை கீழே உள்ளதை காப்பி செய்து பேஸ்ட் செய்யுங்கள்
-----------------------------------------------------------------------------------------------------------------------------------------

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKWJlZ8965SpSqDweUu6gNprOlidq-MADdn3kLfQ5sa7I1qY-mQ3DIFTi1Iu7JORTmGp6YMTZUaxwoty9OMIUVjyJs5uKf7bYWpvIdzR7DHl1M_A6YYKWMPEMvrKEBflhy0PUrrxLHxha/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({left: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    left: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    left: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTamilbloggercity%2F457980930884296&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe>
</div>
---------------------------------------------------------------------------------------------------------------------------------------

இந்த வரியை நீக்கிவிட்டு உங்கள் Facebook id ஐ கொடுத்து சேவ்செய்திட அழகானFacebook pop out like box விட்ஜெட் இருக்கும்.