MEMBUAT WIDGET LIKE FACEBOOK MELAYANG
Pada kali ini saya akan mengajak anda mempraktekan cara membuat widget
Facebook like dengan cara tersembunyi dan melayang juga.banyak manfaat
yang bisa anda peroleh dengan menggunakan cara ini yaitu selain unik dan
menghemat tempat pada sidebar, juga cara ini bisa mempercepat atau
tidak menghambat kecepatan loading di saat blog anda
pertama kali di akses. Untuk dapat mempraktekannya terlebih dahulu anda
harus sudah terdaftar dan mendapatkan kode Facebook like box terlebih
dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang
widget facebook like melayang pada blog:
Cara Membuat Widget Melayang Facebook Like Box
- Login ke dashboard blogger anda.
- Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
- Copy script widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiNuJ9G3WyjXWvZn2DNsb-dLXtfkPvGoO6t3TsT4dHof5f_cbotX_yzWHe31waonvMSDRzEXeXGeBalMWML0J3k7N-Bhg95Ya1lb3Gelua8-2340Bd5oYDiGDD68LszaJN0ef0n5W8yJN/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SJiL0Xk9RVsxXP3UOeo3fkIENygdDPFguy2l_IIM6jope9ZnYS9JRSqRddbxemSU5eoRnyY3l-BxSL5FxcFWfxxjLvZlDbAz-sK3OSbl0zHyHtZvQR7bwkbLg5-_YR5jTFJTX9nyDGb8/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
<!-- Begin Facebook -->
KODE FB ANDA
<!-- End Facebook -->
</div>
</div>
- Ganti tulisan KODE FB ANDA dengan kode Facebook Like Box yang sudah anda persiapkan.
- Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head> pada template supaya widget Facebook Like Box ini bisa berfungsi.
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.
- Save / Simpan.
Tidak ada komentar:
Posting Komentar