Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten

Monday, May 13, 2013

Cara Menambahkan Plugin Facebook Recomendation Box Di Blogger

memasang facebook recomendation box
Apakah Anda ingin traffic website atau blog Anda meningkat? Tambahkan saja plugin activity feed di sidebar Anda. Plugin ini menampilkan posting dan juga merekomendasikan story baru yang disukai oleh pengunjung. Oleh karena itu membangun keterlibatan sosial dan menarik pembaca untuk menggali ke dalam website Anda untuk mengetahui apa yang mereka sukai sangatlah penting. Jika Anda menggunakan Facebook recomendation bar di situs Anda, maka Anda akan senang mengetahui bahwa plugin ini juga menampilkan rekomendasi dari orang-orang yang memberi like serta menampilkan aktifitas sosial yang dilakukan pada halaman Anda.

Mari tambahkan widget ini ke blog Anda hanya dalam beberapa langkah sederhana saja. Contohnya seperti gambar yang berada di bagian atas artikel ini.

Cara Memasang Facebook Recomendation Box di Blog
Panduan instalasinya sangat sederhana, silahkan ikuti langkah-langkah mudah berikut ini:
  • Login ke Blogger Anda dan masuk ke Template
  • Backup template Anda bila perlu
  • Klik Edit HTML
  • Catatan (Jika Anda pernah memasang Facebook like box atau Facebook comment box maka Anda tidak perlu memasukkan kode JavaScript SDK dan langsung ke langkah berikutnya). Jika belum maka lanjutkan langkah berikut.
  • Cari kode <body>
  • Jika sudah ketemu maka letakkan kode JavaScript SDK berikut ini di bawah kode <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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  • Simpan template Anda
  • Sekarang basuk ke Layout
  • Klik add a gadget dan pilih widget HTML/JavaScript
  • Kemudian masukkan kode HTML/JavaScript di bawah ini di dalamnya
<div class="fb-activity" data-site="http://www.d-genera.blogspot.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>

Cara Kostumisasi
  • Gantilah http://www.d-genera.blogspot.com dengan URL website/blog Anda dengan struktur: http://www.blog-anda.blogspot.com.
  • Saya telah menetapkan lebar 300 pixel (300) dan tinggi 450 pixel (450). Silahkan sesuaikan dengan keinginan Anda.
  • Untuk menghilangkan garis batas biru di plugin, saya telah mengatur garis batas menjadi putih. Jika sidebar Anda memiliki warna background yang berbeda, silahkan sesuaikan warnanya dengan mengedit bagian #ffffff. Tip: Gunakan Color Generator Tool.
  • Lalu simpan widget Anda dan selesai. Silahkan periksa blog Anda maka widget recomendation box sudah muncul.

Menambahkan widget ini pasti sangatlah mudah tetapi jika Anda memiliki kesulitan, silahkan tanyakan di kotak komentar di bawah ini. Saya berharap dengan menambahkan plugin ini dapat meningkatkan traffic blog Anda sehingga blog Anda menjadi ramai pengunjung. Mohon kritik dan sarannya...Terimakasih.

Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang.