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