XKRESSSX-TECHNOLOGY
BLOG INFORMASI ANAK MUDA.
The Best Infomation Tekhnologi
Visit Blognya | Baca Postnya | Sedot Ilmunya
Enjoy Blogging

Cara Membuat Like Box Fanspage Melayang

Artikel ini sama seperti cara membuat chat box melayang. Bagi mereka yang telah mengetahui cara yang digunakan untuk membuat chat box melayang..maka akan terasa mudah untuk Membuat Like Box Fanspage Melayang. Ayo langsung saja ya.


1. Log in / Masuk ke blog sobat.
2. Click Rancangan >> Elemen Laman >> Tambah Gadget >> HTML/JavaScript
3. Kemudian Copy kode dibawah ini dan pastekan digadget yang sobat buat tadi.

<style type="text/css"> .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9iqm2LbpgEzfAPAyHt5vx3vpBOrEzel_zBfrctVnRD9pLgleadF3qi6GdO_OHhGtXDYYMaanZchZfCEBHMY3alR54_vxNbi7PgftsjX2iMaseEmt_3Gt7r-TTM0S3Rb-pA_Y5ie6xVJw/');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/AVvXsEhF-g_g6oWYIqeIdy_FaZRq2TrkYVmjATdWMgpdJOWaMIwKz-hdIlggrHdtHhqdMaZ94zJ-MeQq9QOau-gmJUONOL5YqlO4wp2evNkUU_OPngh33hFvySmsOS3gOqzcH7FzwS2JaJkeNzU-/');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 --> <style type="text/css"> .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9iqm2LbpgEzfAPAyHt5vx3vpBOrEzel_zBfrctVnRD9pLgleadF3qi6GdO_OHhGtXDYYMaanZchZfCEBHMY3alR54_vxNbi7PgftsjX2iMaseEmt_3Gt7r-TTM0S3Rb-pA_Y5ie6xVJw/');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/AVvXsEhF-g_g6oWYIqeIdy_FaZRq2TrkYVmjATdWMgpdJOWaMIwKz-hdIlggrHdtHhqdMaZ94zJ-MeQq9QOau-gmJUONOL5YqlO4wp2evNkUU_OPngh33hFvySmsOS3gOqzcH7FzwS2JaJkeNzU-/');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 --> <div class="fb-like-box" data-href="URL FANSPAGE SOBAT" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div> <!-- End Facebook --> </div> </div></div></div>

Keterangan : Untuk code "URL FANSPAGE SOBAT" diganti dengan url fanspage sobat.  

4. Setelah itu pergi ke-EDIT HTML trus cari code </head>.
5. Jika sudah ketemu Copy code berikut tepat diatas code </head>. Fungsinya agar code pada step 3 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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

fjs.parentNode.insertBefore(js, fjs);} (document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

6. Kemudian Save Template dan lihat hasilnya..!!

Selamat mencoba, dan jika berhasil tinggalkan commentar sobat ..
Tinggalkan Link blog sobat pada box commentar biar kita saling follow
Thanks By Admin Virtual Blogger

4 comments

6 Agustus 2012 pukul 23.14

Nice Share...

12 Februari 2013 pukul 23.44

yapz.. thanks dah mampir di blog ane,.. :D

19 Mei 2013 pukul 05.55

Sudah di Coba dan 100% Work tanks gan salam dari WCG-GAMES

2 Mei 2014 pukul 22.38

punyaku ga bisa nih, udah muncul di kanan bawah tapi cuma muncul setengah
terus pas kursornya ksitu ga muncul apa2 cuma biru2 aja

Posting Komentar - Back to Content

Related Posts Plugin for WordPress, Blogger...