Cara Membuat Related Post With Thumbnail di Blog

Selamat sore pengunjung setia NSX Blog  . Setelah lama saya tidak meposting artikel tentang Tutorial Blogger yang terbaru, kali ini saya akan posting perdana saya di tahun 2012 yaitu Cara Membuat Related Post With Thumbnail di Blog. Di sini kita menggunakan situs Linkwithin untuk membuat Related Post With Thumbnail di Blog.  Linkwithin adalah situs penyedia widget related post bergambar untuk beberapa blog atau website. Fungsi dari related post with thumbnail ini sama dengan related post sebelumnya. Yaitu untuk mempermudah pengunjung blog sobat membaca postingan lainnya dan fungsi lainnya yaitu untuk meningkatkan pageview sobat. Nah, berikut penampakan dari related post with thumbnail (linkwithin).

Memasang Related post with thumbnail (Linkwithin) di blog

Linkwithin akan membaca seluruh postingan sobat secara random. Bahkan, postingan yang belum pernah dilihat, akan ditampilkan oleh linkwithin. Jadi fiturnya bagus kan ;). Linkwithin biasanya dipasang di bawah postingan. Tampilan linkwithin, dapat menarik perhatian pengunjung untuk mengkliknya. Linkwithin melakukan generating gambar dari postingan yang dimuat, atau jika tidak ada gambar dalam suatu postingan, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Nah, tertarik untuk memasangnya di blog sobat, so cek this out..

Cara Memasang Related Post With Thumbnail (linkwithin) di Blog :
  1. Pertama, sobat kunjungi situsnya di www.linkwithin.com/lear
  2. Di bagian kanan, terdapat kolom pengisian untuk mendapatkan widget linkwithin
  3. Isi alamat e-mail sobat dengan benar
  4. Di kolom selanjutnya, isi dengan url blog/website sobat
  5. Kemudian pilih platform blog sobat. Nah, langkah ini dilakukan jika sobat ingin memasang widget linkwithin secara mudah dan cepat
  6. Pilih jumlah postingan/stories yang ingin ditampilkan
  7. Jika blog sobat menggunakan tampilan yang gelap, centang saja pada "My blog has light text on a dark background"
  8. Lalu klik Get Widget!
  9. Dihalaman selanjutnya sobat akan dibimbing untuk memasang widget linkwithin sesuai dengan platform blog
  10. Setelah itu di halaman Tata Letak, drag widget link within ke bawah postingan

Cara Menghilangkan Widget Linkwithin di Homepage :
Bila sobat NSX Blog. memasang widget link within menggunakan langkah cepat dan mudah. Hasilnya widget akan muncul di homepage. Jadi aneh terlihatnya, Selain itu, loading di homepage akan menjadi lambat dan berat. Nah, untuk menghilangkan widget linkwithin di homepage silahkan ikuti langkah - langkah di bawah ini:
  1. Ikuti langkah-langkah mendapatkan widget linkwithin seperti biasa, namun menggunakan Platform Other
  2. Lalu copy kodenya
  3. Masuk ke halaman Template
  4. Edit HTML lalu Lanjutkan
  5. Cari kode </body> gunakan ctrl+f
  6. Copy kode di bawah ini dan pastekan di atask kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Paste kode linkwithin disini
</b:if>
     7.  Simpan Template.

Cara Mengganti Tulisan You Might Also Like pada Linkwithin :
Nah, sekarang saatnya modif widget tersebut. Yaitu dengan mengubah tulisan You might also like dengan tulisan yang sobat inginkan. Berikut langkah-langkahnya:
  1. Masuk ke halaman Template
  2. Edit HTML lalu Lanjutkan
  3. Cari kode </head> gunakan ctrl+f
  4. Pasang kode di bawah ini di atas kode tersebut

<script>linkwithin_text='Artikel Terkait:'</script>
    5.  Ganti tulisan Artikel Terkait: dengan tulisan yang sobat inginkan
    6.  Simpan Template.

Sekian tutorial Cara Membuat Related Post With Thumbnail di Blog. Semoga bermanfaat buat sobat NSX Blog.

2 Responses to "Cara Membuat Related Post With Thumbnail di Blog"

  1. Saya hanya ingin mengomentari salam pembuka dari admin, "Selamat sore pengunjung setia NSX Blog", mungkin saat menulis blog sore hari, tapi belum tentu pengunjung Anda disore hari, bisa pagi, siang atau malam, ... salam kenal dan tetap semangat.

    ReplyDelete
    Replies
    1. Terima Kasih Koreksi nya om madhek.
      akan saya perbaiki.

      Delete