Kamis, 27 Maret 2014

Cara Memasang Widget Like Fanspage FB Tersembunyi di Samping Kanan Blog

Hai kawan! Lama tidak jumpa! Kali ini ane datang dengan berbagi ilmu cara memasang fanspage FB yang tersembunyi di samping kanan blog.

Perhatikan Pratinjau Berikut Ini!!!!


Widget ini berguna untuk memperindah tampilan blog. Langsung saja ke TKP
Langkah pertama :
1. Login ke akun blogger anda
2. Setelah anda berada di dasbor blogger klik template
3. Untuk jaga-jaga, klik cadangkan atau backup template blog anda
4. Cari kode </head> agar memudahkan pencarian gunakan tombol CTRL + F
5. Copykan kode dibawah ini tepat di atas kode </head> tadi

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

6. Setelah itu klik save atau simpan

Langkah kedua :
1. Pilih menu Tata Letak
2. Setelah itu klik widget baru
3. Kemudian pilih elemen HTML/Javascript
4. Masukan kode berikut :

<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=LETAKKAN URL PAGE ANDA DI SINI&amp;width=245&amp;colorscheme=dark&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:black;"></iframe><span><a href="http://ivanfr999.blogspot.com/2014/03/cara-memasang-widget-like-fanspage-fb.html">Click this</a></span></div></div>

5. Sebelum di save atau disimpan, ganti kata "LETAKAN URL PAGE ANDA DISINI" dengan url fanspage anda.
6. Setelah itu save dan simpan
7. Selesai.

Jika anda belum punya fanspage alangkah baiknya anda tahu cara membuat fanspagenya disini

Ditunggu komentarnya yaaaa!!!!!

6 komentar:

  1. Keren Gan Widget nya. Mksh ya.
    *Mampir jg dong ke blog sy bi-nnest.blogspot

    BalasHapus
    Balasan
    1. Sama sama. Maaf baru ane bales. ane sibuk sama urusan sekolah. Dan ane juga mau mampir ke blog agan :)

      Hapus
  2. bagus gan widget nya mampir ya di blog ane

    hilwankiba.blogspot.com
    maaf comennt 2015 :v

    BalasHapus
    Balasan
    1. Terima kasih gan. Maaf ya baru ane bales sekarang. Saya terima undangan anda ke blog agan :)

      Hapus
  3. langsung pasang,, makasih mas.

    BalasHapus

Terima Kasih Anda telah mengunjungi blog ini. Harap cantumkan link sumber dari blog ini jika anda mencopy sebagian maupun seluruh artikel di blog ini.

Silahkan berkomentar di blog ini dengan menjunjung tinggi rasa kesopanan, kesantunan, etika, dilarang memakai link aktif, dilarang berkata jorok, dll.

Segala bentuk komentar yang melanggar aturan, akan saya hapus.

Terima Kasih