Pages

komputer and download software

Tutorial,Tips and Trik Tentang Berbagai Teknologi Komputer Dan Download Berbagai Macam Software Komputer

download berbagai games untuk pc

Tempatnya download games games favoritmu hanya disni,silahkan pilih yang kamu suka dan Enjoy Playing The game

Mengatasi berbagai kerusakan handphone

Tips And Trik perbaikan atau Trobleshoting handphone and modding, download Software Flaser

Hacking

Trik Hack untuk berbagai jenis system,Harap gunakan dengan Bijak

Hobby elektronika

Bagi yang suka ELEKTRONIKA disni tempatnya belajar bersama and berbagai rangkaian Elektronika

trik internet gratis all operator

Sharing tentang internet gratis all operator untuk yang suka gretongan gak mau bayar

Jumat, 05 April 2013

Tips Membuat Floating Facebook Like Box Di Blogspot



Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.
Cara Membuat Widget Melayang Facebook Like Box
1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.       Login ke dashboard blogger anda.
3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
4.       Copy script widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKiRv6Y81ZMr7846Q9_LIkdZ130B89Q18Aui9QZfFnL0u8BMFzj7QsvdH7BRo50lNU6fZ7wbBWog70Cofs5jc5uunHDSFFRaBMylRBIazD_KOj98khCMjM9WVZCS9NfuOJRfjQ1_S0bqB/');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/AVvXsEiprNPM6KTjWw1arhAqUrhuO5Ehyphenhyphen6l5pdT7ZxFZLfjtTze_Uf8LhS4FN-2fYRZVfSYSsWRzz39nmUkUM0tLwupJ5wvewfLv0nSZEiBW70-Db_7xQYRNiGP4S3wmCyxZwV__hvGYRNuLGnhk/');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 -->
CONTENT FACEBOOK HERE
<!-- End Facebook -->
</div>
</div>
5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.
6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas 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 = &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'/>
7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.
8.      Save / Simpan.
Gimana, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More