Membuat Fans Fage FB Melayang Disamping Blog

Coretan Bang Dadan on

Tuesday, December 18, 2012

Cara Membuat Fans Fage FB Melayang Disamping Blog - Salam sahabatku semua.. setelah kemarin kita membahas cara membuat tombol pengganti warna background blog, nah kali ini bang dadan akan membahas cara membuat fans page facebook/like box melayang disamping blog. langsung saja pada pokok pembahasan, meskipun tutorial ini sudah banyak yang membahas tapi tidak ada salahnya bang dadan tulis kembali. hitung - hitung buat tabungan artikel, coz masih sedikit nih. hehe

DEMO

Nah bagi sobat yang mau mencobanya silahkan ikuti cara - caranya sebagai berikut ada 2 tahapan :

---

✥ Cara Membuat Fans Page Facebook Melayang Disamping Blog

---

✫ Tahap Pertama :

• Pertama silahkan sobat login pada akun blognya M-M
• Kedua masuk pada Dasbor/Rancangan ⇉ pilih Template ⇉ klik Edit HTML *jangan lupa centang expand template widgate
• Ketiga cari kode </head> *gunakan ctrl+f untuk mempermudah
• Keempat copy kode dibawah ini dan letakan dibawah tag </head>

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

• Kelima, setelah sobat menaruh kode diatas silahkan klik simpan template

✫ Tahap Kedua :

• Silahkansobat  menuju Tata Letak kemudian pilih tambahkan gadget
• Pilih HTML/Javascript
• Selanjutnya copy kode dibawah ini dan pastekan pada kotak HTML/Javascript

<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=https://www.facebook.com/pages/Coretan-Bang-Dadan/143741532421886 &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" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://bangdadan.blogspot.com/2012/12/membuat-fans-fage-fb-melayang-disamping.html">Widget Tutorial</a></span></div></div>

• Selanjutnya klik simpan.
• Selesai, silahkan sobat lihat hasilnya

Keterangan :

• Ganti Tulisan yang berwarna Merah dengan URL Fage Facebook Sobat
• Kode yang berwarna Biru adalah Lebar dan Tinggi Fans Page Fb, silahkan sobat sesuaikan sendiri sesuka hati.

Mungkin sekian dulu pembahasan kali ini tentang Cara Membuat Fans Fage FB Melayang Disamping Blog. Semoga artikel ini bermanfaat buat sahabat semua. terimakasih.

Labels: blogger tutorial, facebook, Widget

Thanks for reading Membuat Fans Fage FB Melayang Disamping Blog. Please share...!