banner

Yuk jalan-jalan di blog ku Verivication | Sekedar Iseng! :B-NEWBIE4rtâ„¢ Gatra-Cyber Galih Seven Visit Now Wide Shot ID Visit Visit Now Visit Now

Like Cuy

Cara Membuat Like Box Melayang

Hampir mirip dengan artikel sejenis yang sudah saya rilis sebelumnya yaitu cara membuat buku tamu di blogspot dengan cara disembunyikan dan efek melayang. Pada kali ini saya akan mengajak anda mempraktekan cara membuat widget Facebook like dengan cara tersembunyi dan melayang juga.
banyak manfaat yang bisa anda peroleh dengan menggunakan cara ini yaitu selain unik dan menghemat tempat pada sidebar, juga cara ini bisa mempercepat atau tidak menghambat kecepatan loading di saat blog anda pertama kali di akses. Untuk dapat mempraktekannya terlebih dahulu anda harus sudah terdaftar dan mendapatkan kode Facebook like box terlebih dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang widget facebook like melayang pada blog:


Cara Membuat Widget Melayang Facebook Like Box

  • Login ke dashboard blogger anda. 
  • Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
  • Copy script widget dibawah ini dan paste pada gadget.
    <style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsIS2gtWE2BE9fZfAqEPIzcXP2itV43DjhDI7w5PqykoncwoFw0WyCJQY9bl7DGJSEpPXar_aZuP41sJPI00qDPqK0ls-OznCzXrIG1naHH2F8YxBgOohzkt7samE455OLiZ92yCuEuIT_/');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/AVvXsEh7zkTvEjhSJ1umC-lPlXUk8Fe5aEXzPqfhjQiCvjZ_cB99cos8ZiATMVeyC-hUZPXC3UDUtXAXdXJlqfV7OvdUuFzMr3PAZZaDIcETmKLjitLmYLTIkuUVzpyHuhx3MiPARsmPS4otYpXD/');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 -->

    KODE FACEBOOK LIKE BOX ANDA DISINI

    <!-- End Facebook -->

    </div>

    </div>
  • Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan. 
  • Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas 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'/>
  • Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook
  • Save / Simpan.
Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.
Happy blogging...


>>>Sebelum pasang Harap Punya Script Fan page Terlebih Dahulu <<<
Rule For Leave A Comment
Hargai artikel ini dengan meninggalkan jejak berupa saran/komentar. Jejak anda akan membuat Author lebih bersemangat lagi untuk membuat artikel menarik lainnya, tapi sebelum kalian meninggalkan jejak kalian harus ikuti peraturannya :
1. Dilarang SPAM.
2. Berkomentarlah sesuai TOPIK.
3. Komentar yang keluar dari TOPIK akan Author DELETE.
4. Dilarang berkomentar yang berbau unsur SARA,PO*NO dan MENGHINA.

 
Copyright © 2013 Altec DZ | Template ADZ V8 Design By Patuih D.Silence | Some Right Is Reserved