Cara membuat kotak like Facebook

Nah sobat, kali ini nurulcall tips dan triks blog kita adalah Cara membuat kotak like Facebook atau fanspage melayang otomatis ketika iconnya disentuh dengan kursor mouse.

Sobat yang tertarik ingin mencoba berikut langlah - langkahnya: 

1. Login ke dashboard blog sobat

2. Rancangan --> Edit HTML

3. cari kode  </head>

4. Copy kode dibawah lalu letakkan diatas  </head>

<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'/>

5. Save template 





6. Selanjutnya ke menu Rancangan
 
7. Klik add gadget 


8. Pilih HTML/JavaScript


9. Copy dan paste code dibawah kedalam kotak HTML/JavaScript tadi

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbk7m-6QD-zXs4yYr1owR4Utj0gHtzM9FB9kcBI9u8dDHmnaubLGNXk-tuD8OKfOYYpyK20784BrCI55xdT0kn1LwE9XggW4CNgdOgGr1HcE9RHhvDtXlHWOXOhcei2_PGCF9hco4coQ2/');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/AVvXsEgHV1m5s-x7PnxhaHTVWN6MBnGStDD-s50yAiZj0p_tXkE0eUGgnKshTU5zndN4hC7B2iWp0iMFUB0vPOA2pndm97CEbjYyf9SZZ-WndPso6yJ4mswXIzAwQa4v7a3PLk75ZTBl6A4jSmuj/');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="http://www.facebook.com/pages/Belajar-Blogger/299070046804620" data-width="288" data-show-faces="true" data-stream="true" data-header="true"></div><!-- End Facebook -->

</div>

</div>

Keterangan :

• Ganti script fanspage facebook saya dibawah <!--begin facebook--> dengan script fanspage facebook sobat
• Pada script fanspage gunakan lebar dan tingginya sama dengan ini width:288px;height:345px

10. Save dan lihat hasilnya

Selamat mencoba triks membuat kotak like facebook melayang otomatis.Semoga Bermanfaat.