Kategori

Statistik

Browse » Home » » Cara Membuat Like Facebook Melayang Pada Blogger
Home » » Cara Membuat Like Facebook Melayang Pada Blogger

Cara Membuat Like Facebook Melayang Pada Blogger

Posted by Unknown Posted on 08.11 with 1 comment
Widget like bawaan facebook biasanya hanya berada pada sidebar, namun sekarang widget tersebut dapat kita pasang dengan posisi melayang serta tombol close. Cara ini memang mempunyai keuntungan tersendiri buat para blogger. Kenapa? karena widget ini bisa menghemat tempat dan juga bisa cepat dilihat oleh pengunjung blog.



Pemasangan widget kotak like melayang tidak harus mengedit HTML/CSS template blog,  tetapi cukup dengan membuat gadget baru dan mamasukkan kode script ke dalamnya. Untuk lebih jelasnya, perhatikan tutorial berikut.

  •     Login ke blogger
  •     Pilih Tata Letak > Tambah Gadget > HTML/Javascript
  •     Copy dan pastekan kode di bawah ini dan masukkan kedalam gadget yang sobat buat tadi























Letakkan kode Like Facebook sobat disini
  • Langkah selanjutnya, pada tulisan " Letakkan kode Like Facebook sobat disini" atau baris ke-20 kode diatas ganti dengan kode widget fan page yang telah sobat bikin. Bagi sobat yang belum tahu cara membuat fan page facebook, klik disini.
  • Pilih simpan/save dan lihat hasilnya.
    Demikian tutorial tentang bagaimana cara membuat like box facebook melayang pada blog kali ini, terima kasih dan salam blogger...!!! 
     
NB: Sebelum kode diatas diletakan kedalam widget sobat,terlebih dahulu sobat harus letakan script ini terlebih dahulu kedalam Template sobat, berikut script nya letakan dibawah tag <body>:


<div id="fb-root"></div>
<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 = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

     
Label:

1 komentar:

  1. Unknown6 Juni 2014 pukul 20.11

    Makasih sharing tips yang bagus
    Berita Update Software dan Gadget Info
    http://software-forever.blogspot.com/
    https://www.facebook.com/pages/Software-Gadget-Info/591375184293236

    BalasHapus