Cara membuat kotak facebook like melayang otomatis Di Blogger

Cara membuat kotak facebook like melayang otomatis Di Blogger

Hampir sepekan blog aplikasiterunik.blogspot.com tidak update, semoga ini tidak menyurutkan keinginan para sobat-sobat untuk belajar blog. Nah sobat, kali ini tips dan triks blog kita adalah Cara membuat kotak facebook like 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 sobat




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/AVvXsEioXaZGcmOyw0Yw1HOEduzKSd9_VL_pUmMbkGFcPcyGXepUcuFCL9x6PYY1g5FyFecFxPQEBnWK2zG6q1gUZTsfMr2erHrsK3HM39C2ov4dg5SjNdgr-q8wTnmUWOtMoMmlw_bL8oHfQ4VR/');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/AVvXsEj_S3tQAvYbtvUgoa6q80YN5nO4I4RlAGSLCsbVgZjLJE_8gp3tZWtr9FRMDWgdxzYm_P-C9Ewis_orlYFuxRA41hAKdy_QWG4sAFtK9QzoRsQcOu1iv5Wvgz8hCQyJffSQMeo9oIGJPUKw/');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 -->

script fanspage facebook disini

<!-- End Facebook -->

</div>

</div>

Keterangan :

• Ganti script fanspage facebook disini  dengan script fanspage facebook sobat
• Pada script fanspage gunakan lebar dan tingginya sama dengan iniwidth:288px;height:345px

10. Save dan lihat hasilnya