How to add Facebook jQuery pop out likebox widget

Step 1: Add jQuery plugin (if your blog has jquery, ignore this step)

Go to Design->Edit HTML[Template->Edit HTML in new blogger interface]
Copy & paste code below just after or below <head> tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'
type='text/javascript'/>

Now Go to Design-> Page Elements
Click add gadget and select HTML/javascript
Copy and paste the generated code inside it and save it.

<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("PICTURE - URL") 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=http://www.facebook.com/blogerrgirl&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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://mix--er.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLiNyXc2cJzum__ufnp2id5h4pGLmfnrQndEIH_DL5jLMi38Bi50_dCdJiqg7ZcdqPzCCzOhGvsCTZixFLe-9z-wOu6w_pAfbqlpXDjzXQihzTYxWKVYRnKTwA35zKD00hdITO-uq1B4/s1600/1x1juice.png'/></a></div>

You may have to change some values: Like "PICTURE - URL," and your facebook Url, just find this ( my ) url blogerrgirl and replace with your own

Style 1

Style 2

Style 3

Style 4

Style 5

Notifikasi

Mix Blogging

How to add Facebook jQuery pop out likebox widget