Tambah Like Box

  Like Box Facebook Seperti Kotak yang muncul di kanan blog untuk blogger, ini merupakan salah satu widget keren hanya seperti Twitter Badge Statis Ikuti saya, tapi di sini saya menambahkan seperti kotak dengan Efek Jquery. Anda bisa lihat tampilannya Disini ketika mouse digerakan.

Berikut Langkah yang sangat sederhana

Menambahkan Plugin Jquery JavaScript

Anda bisa(Abaikan langkah ini jika blog Anda sudah punya Plugin jquery)

Jika anda blog anda belum terpasang plugin jquery silahkan copy paste code dibawah ini:

1. Pergi ke Dashboard Blogger Edit Html
2. Mencari Code </head> tag
3. Tambahkan dan masukkan kode dibawah ini Sebelum Code </head> tag

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

4. Silahkan Copy Paste Code dibawah ini ke HTML/JavaScript

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gI1g3X0q9t1dfY8QIq1gQ6DSqDFLKRJ-Rd-fT_sPLlw0pJuVW-I9bEoxdQb52vzUI6mA4s6N4uJWmfGgz4qHB1ltAFctS3a9jfTlphHfxSs7211dOOw16ZZ3jMmTK_TCeIdtkyupH8qI/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;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: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<div class="w2bslikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fhaykal-post-insideblogspotcom%2F304473039600847&amp;width=300&amp;height=590&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowtransparency="true"></iframe><span><a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">by Way2Blogging</a></span>
</div>
</div>

5. Code yang saya cetak dengan warna MERAH anda ganti dengan Code Like Box Facebook anda.
 ( anda dapat mengetahui di > get gadget > iframe )
 ( anda dapat mengetahui alamat like box anda disini )
6. Setelah anda menggantinya lalu simpan dan lihat hasilnya.
7.Maknyooss !!


SEPERTI YANG ADA DI KANAN...
Pasti pengen banget bukan??
wkwkwkwkkk
coba aja deh !!

Artikel Terkait: