-->

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/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...!

9 Comments on Membuat Fans Fage FB Melayang Disamping Blog

  1. permisi,, bisa ga kalo ada 2 Like Box'a,,jadi ada di kanan dan ada di kiri..

    ReplyDelete
  2. Wah saya blm pernah nyoba mgan,, jadi blm bisa jawab. :)

    ReplyDelete
  3. bang dadan kalo melayangnya sebelah kiri gimana ya ?

    ReplyDelete
    Replies
    1. Coba rubah kata right menjadi left pada kode berikut:
      {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

      Delete
  4. Work GAn....THX.. My BLOG : rock-heaven.blogspot.com

    ReplyDelete
  5. coba ah......

    minta kunjing balik gan http://muhammadyahsyallah.blogspot.com/

    ReplyDelete
  6. koq gk bisa ? padahal udah ane pasang di blog ane yang ridhosay.blogspot.com

    ReplyDelete

Back To Top