Friday, April 12, 2013

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VFMMKfnw4i7-5zl-26hGE6vzIGwlLxPMKHXSIfGfdy-eEXw9OvpmQtn46dpxhOEJtO9E9UPK-ry4zmutpix4D3uJrnxdzrZ8odYb3NXOpvlQFfsXGx1CAC5y15Z2O817hCjAHjAkAzE/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.

Related Posts

Cara Membuat Like Facebook Tersembunyi Di Samping Blog
4/ 5
Oleh

Subscribe via email

Like the post above? Please subscribe to the latest posts directly via email.

8 komentar

Tulis komentar
avatar
June 13, 2013 at 10:44 AM

gan warna background'a bisa d'ganti gakkk?

Reply
avatar
June 18, 2013 at 6:15 PM

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

Reply
avatar
July 30, 2013 at 12:39 PM

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

Reply
avatar
December 8, 2013 at 2:01 AM

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

Reply
avatar
February 4, 2014 at 5:34 PM

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

Reply
avatar
March 14, 2014 at 12:16 PM

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

Reply

=======================================================
• 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]
=======================================================