How to add Pop Out Facebook Like Box in Blogger

Have you noticed my Facebook Like Box that pop out at the right side? --------------------- >
It is nice, right? ツ

Wanna have it? Sure! I'll share it to you for free! ツ

Just follow this steps:

Adding query JavaScript Plugin

(Ignore this step if your blog have already a Jquery Plugin)

1st. Go to Dashboard > Design tab > Edit Html
2nd. Search (Ctrl+F) for </head> tag
3rd. Add below line of code before </head> tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Adding Widget/Gadget Code

4th. Add a Gadget and choose HTML/JavaScript
5th. Copy and Paste the code below.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9n1Lt011rLHLozaaabdORh4_0k2kJmYDoD1FA-B-zFyux0I13a3uW4Vu-BdAgIYqL-E1RzWT7eZc9VT4yxI6gD0IwcNhynHyGwCufaG8qCmeMIgFFrgny-DLVna_OHaTu9u9RD-mf89fS/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 290px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fcyberlympus&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.cyberlympus.blogspot.com/" target="_blank">Cyberlympus</a> / <a href="http://cyberlympus.blogspot.com/2011/12/how-to-add-pop-out-facebook-like-box-in.html" target="_blank">Get a code</a></span></div></div>

6th. Change the word cyberlympus in the code with your fan page Username.
You can get the Username in your fan page's URL.

Sample: http://facebook.com/Username

and that's it! Save and refresh your blog.
If there's a problem, feel free to leave a comment below... ツ

SOURCE

Read More Here...

How to fix Error Code: bX-l4u1mh in blogger

Error Code: bX-l4u1mh, I really don't know what this error means, all I know that you cannot access your Blogger's design. ツ

Anyway here's what I've done to fix this kind of error.

Just clear the Cookies of your Internet Browser!
simply as that!

Click this link on how to clear the cookies.

This simple trick works with me... I hope same with you! ツ

Feel free to post a comment below if it works with you too or not. thanks!

Read More Here...