Membuat fans page FB melayang disamping blog

Membuat Fans Fage FB Melayang Disamping Blog

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


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

✥ Cara Membuat Fans Page Facebook Melayang Disamping Blog

Membuat Fans Fage FB 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/BLOG-MANARAP-CITY/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.

0 comments "Membuat fans page FB melayang disamping blog", Baca atau Masukkan Komentar

Post a Comment

Harap komentar anda menggunakan bahasa yang sopan dan santun

mohon maaf kalau ada pesan anda yang tidak saya tampilkan.
mungkin komentar anda kurang berkenan di hati saya.