Kamis, 27 Maret 2014
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&width=245&colorscheme=dark&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:black;"></iframe><span><a href="http://ivanfr999.blogspot.com/2014/03/cara-memasang-widget-like-fanspage-fb.html">Click this</a></span></div></div>
$(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&width=245&colorscheme=dark&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: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... read them below or Comment }
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
.png "English"){kind=small}
Keren Gan Widget nya. Mksh ya.
BalasHapus*Mampir jg dong ke blog sy bi-nnest.blogspot
Sama sama. Maaf baru ane bales. ane sibuk sama urusan sekolah. Dan ane juga mau mampir ke blog agan :)
Hapusbagus gan widget nya mampir ya di blog ane
BalasHapushilwankiba.blogspot.com
maaf comennt 2015 :v
Terima kasih gan. Maaf ya baru ane bales sekarang. Saya terima undangan anda ke blog agan :)
Hapuslangsung pasang,, makasih mas.
BalasHapusSama-sama. Senang bisa membantu
Hapus