Cara Membuat Related Post Dengan Gambar


Hahihuheho - Trik kali ini membahas bagaimana membuat Related Post dengan Gambar (Thumbnail) di bawah post. Tentunya dengan sangat mudah, customize, dan dijamin berhasil 100%Mudah dan pasti berhasil, karena menggunakan widget pihak ketitga, Customize karena dapat diatur dari segi tata letak dan lain-lain. Seperti kita ketahui, Related Post sangat esensial bagi sebuah blog karena dapat membantu pengunjung untuk mendapatkan informasi lain yang mungkin mereka cari. Dengan begitu, pengunjung blog anda pasti akan betah berlama-lama membaca artikel anda kan!

Berikut cara kerjanya:
1. Daftar di Linkwithin
(lihat contoh)
related post
  2. Setelah semua diisi, Klik Get Widget! dan anda akan dibawa ke sebuah laman baru
(Pilih Install Widget--> nanti anda akan dibawa ke laman baru lagi)

related post
3. Pilih Edit Content. Simpan kode yang ada.
related post
4. Setelah itu buka akun blogger sobat. Pilih Layout > add Gadget > Html/javascript. Copy kode yang tadi diperoleh dan simpan.
5. Selesai.

Sekarang sobat boleh melihat blog sobat, sekarang pasti Related Postnya sudah muncul di bawah semua post. Tapi ternyata disini ada masalah bagi blog yang memakai fitur Read More. Karena Related Post tetap muncul di bawah semua post. Tampilan blog akhirnya jadi kurang elegant dan berantakan. Nah, untuk mengatasi itu ikuti beberapa trik dibawah:
1.Trik mengganti kalimat "You Might Also Like"
Buka aku blogger sobat, Pilih Template > Edit Html > Expand Widget Template, lalu tambahkan kode berikut dibawah <head>
<script type='text/javascript'>linkwithin_text=&#39;Artikel Terkait:&#39;</script>

2. Trik menyembunyikan Related Post dari Halaman Depan Blog (Beranda Blog)
Cari kode dibawah lalu sisipkan kode Linkwithin anda
<b:if cond='data:blog.pageType == &quot;item&quot;'>

script Linkwithin disini

</b:if>

Sampai disini trik yang bisa saya bagi, jangan lupa tinggalkan alamat blog sobat di pojok komentar di bawah untuk memudahkan saya dan temen-temen yang lain melihat blog sobat yang udah sukses dengan trik ini.

Semoga Bermanfaat!
loading...
Load disqus comments

0 komentar