Hwoarang Berbagi
Cara Memasang Like Fanspage Facebook di Blog Melayang di Samping
Apa sih gunanya Fanspage Facebook di Blog? biar terlihat keren, biar banyak orang yang tahu mengenai blog anda melalui facebook karena mempunyai halaman fanspage facebook.
Jika kalian bingung bagaimana cara memasangnya pas sekali kalian datang ke blog saya. Baca dengan cermat. Jika masih bingung komentar saja, secepatnya saya akan membalas dan membantu kalian yang kesusahan :)
Ok Langsung saja ya. . .
1. Buat dulu Fanspage Facebook, Tanpa adanya Fanspage Facebook maka ini juga gak akan ada gunanya.
2. Caranya.. Pada Facebook, Klik di tombol pencarian dan ketikkan HALAMAN, kemudian buat halaman dan ikuti langkah2nya sampai anda mempunyai Halaman atau Fanspage.
3. Kalau sudah, masuk ke dashboard sobat dengan cara login dulu ke blog sobat.
4. Kemudian klik Template >> klik Edit Html.
5. Tambah kan kode di bawah ini :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
Kode di atas tepat di bawah kode ini
<b:skin> atau diatas
</b:skin>
biasa agar lebih mudah pencarin
Ctrl + F, Copy kode di atas (
<b:skin> ) lalu ENTER
6. Kalau sudah klik Save Template.
7. Masuk ke elemen
Tata Letak >> Klik Tata Letak >> Tambahkan Gadget >> Pilih Html/Javascript.
8. Masuk kan Kode di bawah ini kedalamnya.
<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/AVvXsEhQX0Iwknuh3jTRd-_Lxmx-Zata538_0XZoVm1Soqko1cj9GmMGPxO_ZXOCGlgEZgQCho93sUkVtPGlgo19HLF-rHMGXc3YhBzE5YhzyR_mpAoEnjbf5Vhwy_aNLROvG4oEVeF7mR87wOE/s1600/fans-page-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=https://www.facebook.com/pages/Hwoarang-Berbagi/180672812127501&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://prayogoblog.blogspot.com/2013/10/cara-mudah-memasang-like-fanspage.html">Get Widget Here</a></span></div></div>
9. Ganti Kode
https://www.facebook.com/pages/Hwoarang-Berbagi/180672812127501 dengan alamat Url Fanspage Facebook sobat yang telah di buat tadi.
10. Klik Simpan kemudian Simpan Template.
11. Selesei..
Refresh Blog Sobat Untuk melihat hasilnya..
Semoga hasilnya memuaskan dan berhasil dipasang blog Anda :)