Berlanggan Via Email
My Friend
Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog
Kemarin saya juga sudah pernah berbagi tentang cara memasang like box facebook di blog dengan judul Cara Pasang Like Box Facebook Di Bawah Postingan Blog yaitu like fan page facebook nya di letakan di bawah postingan blog atau di atas form komentar blog dan kali ini saya berbagi lagi hal serupa tapi tak sama yaitu widget ini akan di tempatkan tersembunyi di samping blog , like box fan page nya akan berfungsi pada saat cursor melalui button widget tersebut seperti contoh di samping kanan blog ini ( lalui cursor sobat ke button/ tombol yang ada tulisan facebook nya dan jagan lupa sekalian di like ya....!!! )
Kalau sobat ingin mencoba Cara Membuat Widget Like Box Fans Facebook Tersembunyi Di Blog sobat ikuti lah cara nya di bawah ini :
- Login dulu ke blogger.
- Pilih Template di dasbor blog.
- Pilih Edit HTML
- Centang dulu Expand Template Widget.
- Cari kode </head> di Template blog .
- pasang kode di bawah ini sebelum kode atau diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Simpan Template.
- Pilih Tata Letak di dasbor blog
- Klik Salah satu tambah gadged/add a gadged.
- Pilih HTML/Javascript .
- Pasang kode di bawah ini ke halaman 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://1.bp.blogspot.com/-3Agbc4Oq4xo/UN3OPJ8APxI/AAAAAAAAE5M/HXabYvqRBM0/s1600/floatingfbpng1.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=https://www.facebook.com/pages/Blog-rangga/***************&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Get Widget</a></span></div></div> - Terakhir Klik simpan kode
Ganti kode yang berwarna merah dengan URL Fan page facebook sobat
Terima kasih dan semoga artikel Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog bermanfaat
24 komentar:
- Unknown mengatakan...
-
url tu gmna maksudnya kak ,
sma seperti link dya ,
maklum kak bru bljar nge blog - 26 Januari 2013 pukul 01.43
- blog rangga mengatakan...
-
Buat dulu halaman fans page facebook gan , dan kalau sudah ada halaman fans page nya buka halaman tersebut dan copy paste URL yang terdapat pada adres bar yang terdapat di atas browser agan , kalau sobat belum tahu juga jangan sungkan ya ...nanti akan saya beri tahu langkah selanjut nya , terima kasi h atas kunjungan nya gan....
- 26 Januari 2013 pukul 03.25
- Unknown mengatakan...
-
Begitu saja ya bang cara buatnya, masih newbie jd masih bingung
- 23 Maret 2013 pukul 02.32
- blog rangga mengatakan...
-
ya bg , bingung nya bisa hilang nanti tu bg kalau rajin belajar , terima kasuh atas kunjungan nya bg....
- 24 Maret 2013 pukul 07.16
- Unknown mengatakan...
-
kalau cara ngilanginnya gimana?
- 5 April 2013 pukul 22.51
- blog rangga mengatakan...
-
hapus aja kode nya yang mirip dengan kode di atas , yang sudah mas pasang sebelum nya baik yang ada di gadged maupun yang ada di template blog , kalau masih kurang jelas silahkan tinggal kan lagi pertanyaan dengan catatan contoh kode yang pernah mas pasang sebelum nya .....
- 6 April 2013 pukul 04.25
- Unknown mengatakan...
-
bang gak bisa facebook sendiri?
harus fanspage? - 10 April 2013 pukul 01.19
- blog rangga mengatakan...
-
bisa gan kalau agan sudah punya halaman fans page facebook copy pastekan url halaman fans page tersebut dan hapus kode yang saya beri tanda merah dan pastekan kode halaman yang tadi ditempat yang di hapus tadi , terima kasih atas kunjungan nya dan semoga berhasil ......
- 10 April 2013 pukul 06.56
- no name mengatakan...
-
manjur gan... langsung saya pasang dan work.. terima kasih.
- 12 April 2013 pukul 18.49
- blog rangga mengatakan...
- Komentar ini telah dihapus oleh pengarang.
- 13 April 2013 pukul 21.40
- blog rangga mengatakan...
-
terima kasih kembali atas kunjungan dan komentar nya
- 13 April 2013 pukul 21.42
- Faizz Prayoga mengatakan...
-
uda di pasang di blog ane gan dan berhasil makasih ya???
- 26 April 2013 pukul 12.04
- Oscar Firdaus mengatakan...
-
Mantab tutornya gan Ana juga uda buat...
- 6 Juni 2013 pukul 09.22
- blog rangga mengatakan...
-
sama - sama terima kasih atas kunjungan dan komentar nya di blog ini .......
- 6 Juni 2013 pukul 10.06
- arnida herbal mengatakan...
-
terima kasih atas infonya :)
- 11 Juni 2013 pukul 23.54
- Unknown mengatakan...
-
terima kasih info.a ,,
mampir yh, lw bisa komentar, hehe
http://rizkii-setiaku.blogspot.com/
Newbie msh :( - 14 Juni 2013 pukul 21.33
- blog rangga mengatakan...
-
Sama-sama juga gan atas kunjungan dan komentar nya , insya allah saya nanti akan berkunjung ke blog agan
- 17 Juni 2013 pukul 10.33
- Eko Setiawan mengatakan...
-
Thanks informasinya,, tak praktek dulu ya,, semoga berhasil
- 16 Juli 2013 pukul 00.34
- Unknown mengatakan...
-
Good... :D
thankss - 31 Juli 2013 pukul 23.44
- Blog Lanonadio mengatakan...
-
Berhasul thanks mas
- 25 Januari 2014 pukul 03.53
- Unknown mengatakan...
-
makasih gan, udah share Lagu Barat Terbaru ini, sukses untuk blognya
- 29 Januari 2014 pukul 08.49
- admin mengatakan...
-
masih bingung gan
- 15 Maret 2014 pukul 22.15
- Unknown mengatakan...
-
makasih infonya
- 11 Oktober 2014 pukul 16.11
- Gallery Bheby mengatakan...
-
Thanks bgt infonya.
- 4 Januari 2016 pukul 16.18
Label
- Blog tutorial
- Pernak Pernik Blog
- tips dan trik blog
- Widget
- Ragam Efek Blog
- tutorial komputer
- Blog Tools
- Tips Trik SEO
- tips trik Facebook
- Berita Terbaru
- Komputer Sofware
- Tutorial Photoshop
- Sofware Tools
- Tukar Link /Link Excange
- berita
- Download Mp3
- My Blog Tools
- Security
- Social Network
- Software (Musik)
- Curhat
- Internet
- Kajaiban Alam
- koto sani