• Home
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
Goodbox | Bagaimna caranya | Kumpulan cara Blogger dan Seo
  • Daftar Isi
  • Buku Tamu
    • Tukar Link
    • Software
  • Tekno
    • Gadget
    • Internet
  • Entertainment
  • Trik dan Tips
  • Unik dan Menarik
  • Blogging
Home » Tips Blogger » tips bikin Facebook Like Box Di Blogspot di sisi browser

tips bikin Facebook Like Box Di Blogspot di sisi browser

Tips Membuat Floating Facebook Like Box  - 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/AVvXsEg1dTn3FXQ3nOajFuQ3sS1wc_6AIPKnQnLmi464Mwc_kWx6R-_rWQ7EPMVEHcUetksYjUL9SknRN7TQIBTOJDcQ5xGaazYIX3MF_c7IGS712vJr9f5pP7y9x83AYRUiP67IZ8YBEU5IcNW8/');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/AVvXsEh0yqB_Y5FjsGl8mt9HU2IdpdMa6JFwZhT3M6-3ktWiNIDrE85aIuO3aZLlmcgjMYNKTIyVChpVMIRMsbxlVGumfRFD6RM-suJeBowO6XUrcDE-ye6dH1XCo0subl-oHfmOza6mrvouK7Wc/');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.
Ditulis oleh Goodbox, Kamis, 05 April 2012 - Rating: 4.5
Judul : tips bikin Facebook Like Box Di Blogspot di sisi browser
Deskripsi : Tips Membuat Floating Facebook Like Box   - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada w...

Bagikan ke

Facebook Google+ Twitter

2 komentar untuk "tips bikin Facebook Like Box Di Blogspot di sisi browser"

  1. KertasputiH22 April 2012 pukul 05.51

    thank nih buat ilmu y ,,,,, lngsng saya prktekkan ,,,
    knjungn blik y ,,,
    http://kertasputih15.blogspot.com/

    BalasHapus
    Balasan
      Balas
  2. Goodbox21 Mei 2012 pukul 04.47

    sama-sama , gan ,, sudah kunjungan baliknya ,, dan jngan lupa mampir sering2 ke sini gan ,, ok,,,,_@@_

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Jadilah orang pertama yang melakukan komentar di blog ini .dan Jadilah orang pertama di antara teman-teman yang menyukai ini.. Salam Blogger.

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)
Ikuti @Abangdaka 

Translate

Artikel Populer

  • 10 Film Bela Diri Terpopuler Sepanjang Masa
  • Cara Ampuh Mendekati Cewek Yang Sudah Punya Pacar
  • ini dia 7 Ikan Cupang terbagus Di Dunia
  • Cara mudah Pasang Jam & Kalender di Blog/blogspot
  • kumpulan Sifat Cowok menurut Zodiak
  • Tips and trik Jago Main Futsal.
  • inilah 7 manusia paling seram dan aneh.
  • 7 keunggulan dari internet.
  • status FB paling lucu unik aneh dan jelek
  • daftar blog dofollow pr tinggi 2012 dari pr3 sampai pr6.

link kawan

Optimus Software
Boytrik.blogspot.com
Jadwal Dan Hasil Sepakbola
Tutorial Blog dan Software Gratis
Software Collection
Music Academy
Science Share
Copyright © 2012 Goodbox | Bagaimna caranya | Kumpulan cara Blogger dan Seo - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger