Cara Membuat Like Facebook Tersembunyi Di Samping Blog

Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Cara Membuat Like Facebook Tersembunyi Di Samping Blog - Berikut Ini Adalah Cara Membuat Like Facebook Tersembunyi Di Samping Blog. Cara ini bisa sobat terapkan saat widget yang sobat pasang diblog sobat terlalu banyak. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog sobat.
Berikut Ini Adalah Contohnya:




Berikut Ini Cara Membuat Like Facebook Tersembunyi Di Samping Blog :

1. Masuk atau Login ke Blogger.
2. Pilih Tata LetakTambah GadgetHTML / JavaScript.
3. Copas kode dibawah ini, dan letakkan di box HTML/JavaScript.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Soccer-Ball-paper/113690078717101?ref=hl&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe></div></div>
Note : Ganti kode yang berwarna merah dengan url fans page sobat.

4. Setelah itu Simpan, dan selanjutnya menuju ke TemplateEdit Html lalu carai kode </head>.
5. Copas kode dibawah ini, dan letakkan di atas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
6. Simpan Template, Lihat hasilnya, selamat mencoba dan semoga bermanfaat.
Previous
Next Post »

9 komentar

Write komentar
June 13, 2013 at 10:44 AM delete

gan warna background'a bisa d'ganti gakkk?

Reply
avatar
Doni Feryal
AUTHOR
June 18, 2013 at 6:15 PM delete

kalau warna sih gampang, tetapi kalo gambar fb nya gemana nih caranya?

Reply
avatar
Henry Dwi.s
AUTHOR
July 30, 2013 at 12:39 PM delete

cari kode http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png lalu ganti dengan kode gambar yang anda inginkan!

Reply
avatar
taufik sidqi
AUTHOR
December 8, 2013 at 2:01 AM delete

mas ko punya saya ga ada tampilan di dalam scrollnya? mohon bantuan "taufiqsidqi.blogspot.com"

Reply
avatar
February 4, 2014 at 5:34 PM delete

makasih sob,, saya dari sman agam cendekia merasa terbantu..

Reply
avatar
Edi Haryanto
AUTHOR
March 14, 2014 at 12:16 PM delete

kok gak bisa ya gan,,?
ini blog ane www.timbol-media.blogspot.com

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon