Apr 6, 2012

Cara Membuat Related Posts / Artikel Terkait dengan Tampilan Gambar

Related Post atau sering juga kita sebut artikel terkait adalah artikel yang berhubungan dengan postingan yang sedang dibuka/dibaca. Artikel terkait yang ditampilkan adalah artikel yang sama-sama dalam satu label/kategori. Artikel terkait penting untuk SEO dan menambah kunjungan ke blog kita. Tentunya agar pembaca tertarik untuk membacanya kita perlu menghiasnya dengan tambahan gambar. Belum lengkap rasanya jika widget yang satu ini tidak disertakan dalam blog kita.

artikel terkait dengan tampilan gambar di bawah postingan blog


Pada kesempatan yang lalu saya pernah membuat artikel tentang tata cara membuat artikel terkait dengan tampilan teks biasa alias tanpa gambar. Nah sekarang saya akan membuat artikel terkait dengan tambahan gambar / thumbnail.

Memang banyak teknik-teknik cara membuat artikel terkait dengan gambar, salah satunya ialah dengan linkwithin yang cukup terkenal itu di kalangan blogger. Namun tak ada salahnya jika kita mencoba teknik yang satu ini.

Oke langsung saja kita buat tutorialnya
1. Masuk ke akun blogger > Menu Template> Edit HTML.
2. Centang expland template widget.
3. Cari kode di bawah ini  (tekan CTRL+F untuk memudahkan pencarian)
</head>
4. Masukkan kode di bawah ini  tepat di atas / sebelum kode </head> tadi.

Sobat blogger bisa mengganti kode berwarna merah di atas; a. angka 5 jumlah postingan yang ingin ditampilkan b. "artikel terkait" dengan kalimat yang dikehendaki  5. Kemudian cari kode seperti berikut:
<div class='post-footer-line post-footer-line-1'>
atau kode seperti ini
<div class='post-footer-line post-footer-line-1'> </div>
atau kode seperti ini
<p class='post-footer-line post-footer-line-1'>
6. Masukkan kode dibawah ini, tepat dibawah kode-kode di atas tadi (pilih salah satu).


7. Terakhir, klik pratinjau, lalu save template. Selesai. Dan widget artikel terkait dengan tampilan gambar di bawah postingan blog sudah jadi. Untuk melihat live demonya silakan sobat buka di sini.

Oke, bagaimana sobat, saya yakin ini adalah sesuatu yang sangat mudah dilakukan, jika belum bisa teruslah mencoba, karena semua keberhasilan tentunya diawali dengan sebuah percobaan.

12 comments:

  1. kok di template blog saya ga berhasil gan, ga ada perubahan, sudah saya coba beberapa kali, hasilnya tetap sama ga ada perubahan. apa template blog saya yang bermasalah atau bagaimana...????, mohon pencerahannya gan....

    ReplyDelete
  2. kok di template blog saya ga berhasil gan, ga ada perubahan, sudah saya coba beberapa kali, hasilnya tetap sama ga ada perubahan. apa template blog saya yang bermasalah atau bagaimana...????, mohon pencerahannya gan....

    ReplyDelete
  3. silakan ulangi lagi dan ikuti dgn seksama, tuh punya saya bsa.

    ReplyDelete
  4. Coba berikan label pada masing-masing postingan gan..
    http://lamaccascout.blogspot.com

    ReplyDelete
    Replies
    1. Ada itu mas bro, di atas kata "komentar"... hehe. tepat di akhir postingan.

      Delete
  5. di template saya juga gak berhasil mas :o

    ReplyDelete
  6. kagak ada perubahan ya mas brooo..di blog saya.ehm apane yo,,,salam super nubie...

    ReplyDelete
  7. bagi yg blum bisa
    berikan label dulu pada postingan kalian

    ReplyDelete
  8. untuk artikel yang terkait apakah bersifat tetap atau berubah - ubah (misalkan 7 hari terkahir). Soal ane pernah masang, tetapi artikel yang terkait hanya ada 10 posting yang bersifat tetap, padahal kan masih ada 30 artikel yang berkaitan,

    saya tunggu jawabannya
    terima kasih

    ReplyDelete

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih