Navbar

Global Var

Senin, 01 April 2013

Cara Memasang Kotak Like Facebook Yang Biasa di Blog

Cara Memasang Kotak Like Facebook Yang Biasa di Blog.  Berbagai jenis like box sudah banyak di berikan pada informasi informasi dari google dan blog blog lain. Dengan CSS, tombol close, melayang, terbang sana sini dan sebagainya. Tapi, aksesoris itu hanya membuat blog tambah berat. Mending pakai yang menempel di widget blog lalu tampilannya murni dari facebook tanpa tambahan CSS baru. Sebenarnya cara ini agar membuat blog anda sedikit cepat loadingnya. Begini nih tampilannya.

Cara Memasang Kotak Like Facebook Yang Biasa di Blog

Begitulah sedikit penjelasan mengenai kotak like facebook yang biasa, sekarang saya akan menjelaskan cara memasangnya di blog. Tetapi, postingan ini dimulai dari anda sudah mendapatkan kode HTML facebook page anda. Untuk yang belum punya, baca di Cara Mengetahui Kode HTML Facebook Page.

Cara Memasang Kotak Like Facebook Yang Biasa

1. Login ke akun blogger anda
2. Pada dashboard, pilih blog yang anda gunakan lalu masuk ke Tata Letak
3. Klik Tambah Gadget pada kolom yang anda inginkan untuk menampilkan widget tersebut
4. Akan muncul jendela tambah gadget dan cari yang bernama HTML/Javascript
5. Pilih lalu copy kode HTML facebook page yang sudah anda dapatkan dan pastekan di kolom konten


bentuklah menjadi seperti ini. (gabung)

<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>
<div class="fb-like-box" data-href="http://www.facebook.com/JonaRendra" data-width="292" data-height="400" data-show-faces="true" data-stream="false" data-border-color="green" data-header="true"></div>
6. Klik Simpan dan lihat blog anda sekarang

Itulah keseluruhan artikel saya kali ini yang berjudul Cara Membuat Kotak Like Facebook Menarik Di Blog. Semoga bermanfaat untuk anda yang belum mempunyai widget ini. Jika ada masalah saat penerapan tutorial diatas, silahkan poskan komentar dengan memberikan pertanyaan mengenai masalah anda. Untuk tampilan kotak like facebook yang bagus, baca Cara Membuat Like Box Melayang dengan CSS

0 komentar:

Comments Utility