Nah pada tutorial kali ini saya akan menuliskan cara membuat fb like widget tersembunyi, dengan menyembunykan widget facebook like ini maka kita bisa menghemat tempat di sidebar dan bisa memasang widget lain.
Ok saya rasa tidak perlu panjang labar, mari kita langsung katopik utama kali ini.
Berikut kode yang harus dipasang :
Oh ia, pada script widget di atas ada kode
Cara Pasang Fb Like Tersembunyi (Facebook Widget)
Untuk memasang widget yang satu ini di blog kamu silakan ikuti langkah-langkah berikut:- Login ke blogger
- Klik menu Tata Letak
- Klik Tambah Gadget, pilih gadget Html/JavaScript
- Masukkan kode yang sudah saya sertakan di bawah di dalam nya
- Simpan & Selesai
Berikut kode yang harus dipasang :
Silakan ganti kode yang saya beri warna merah (Ahmad-Rifai & 342112850625) dengan alamat facebook fans page milik kamu, berikut contoh link lengkap halaman facebook milik saya.<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".fblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.fblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4GX3BqfQKDFz-r1LugWuHml3hyUg9m3izX3m0ZSptL69bejE3FozCeHVywJI70K0aWKTF5vdRN6B88Fw8y3ignrKZHOQQRV0hyPd3gH6W0QEKZ10jZB6NRH0t2ci3s0GQOqD0hAQ3K3o/s1600/fblikewidget.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%;}
.fblikebox div{background:#ffffff;border:none;position:relative;display:block;}
</style>
<div class="fblikebox">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAhmad-Rifai%2F342112850625&width=245&height=270&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:245px; height:270px;" allowtransparency="true"></iframe>
</div>
</div>
http://www.facebook.com/pages/Ahmad-Rifai/342112850625Nah 2 kode yang saya beri warna BIRU itulah yang harus dipasang pada script fb tersembunyi di atas, dua kode tersebut dipisahkan oleh garis miring (/).
Oh ia, pada script widget di atas ada kode
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>Saya letakkan paling atas. Nah ... Jika pada template kamu sudah ada kode jQuery 1.6.1 tersebut maka kamu tidak perlu lagi menyertakan nya pada facebook like tersembunyi ini, silakan hapus kode jQuery 1.6.1 nya, karena 1 saja sudah cukup.
Pria berumur 20 tahunan yang mencari keisengan untuk mengisi kesehariannya . -09 Sept 2016
ConversionConversion EmoticonEmoticon