Cara Membuat Menu Like Fanspage Keren di Blog - Jika anda para blogger mempunyai fanspage, alangkah baiknya jika mempromosikannya di blog anda. Oleh karena itu buatlah semenarik mungkin plugin like fanspage anda menggunakan cara ini. Seperti apa caranya simak saja dibawah ini.
1. Masuk ke akun blogger anda
2. Masuk ke template -> edit html
3. Cari kode </head> dengan bantuan ctrl + f
4. Copy dan paste kode berikut ini diatas </head>
<a href="<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
5. Jangan lupa klik "save template"
6. Sekarang pergi ke tata letak -> tambah gadget -> html/javascript
7. Masukkan script ini ke kolom yang tersedia
<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("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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: 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=URL FANSPAGE ANDA&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://ramadhanlmzero.blogspot.com/2013/10/cara-membuat-menu-like-fanspage-keren.html">Mau Buat Juga? Klik Disini!</a></span></div></div>
NB :
Untuk warna merah bisa anda ganti dengan url gambar yang lain
Untuk warna biru bisa anda ganti dengan url fanspage anda
8. Klik "simpan"
9. Sekarang check blog anda, dan menu like fanspage sudah muncul di sisi kanan blog anda
Selamat mencoba ^_^
ada si bacaan facebook nya tapi ga mau keluar...
BalasHapusmantap gan..artikelnya patut dicoba nih...
BalasHapus