Cara Menampilkan Gambar Kecil di Postingan Terkait

Beberapa waktu lalu saya menulis Blogotainmen Mencapai 600 Ribu Page Views Sebulan. Salah satu triknya adalah saya menampilkan gambar kecil (thumbnail) di postingan terkait dengan menggunakan plugin thumblated related post.

Beberapa sahabat bertanya mengenai cara merapikan tampilan gambar kecil tersebut karena secara default tidak sama ukuran lebarnya (ada yang kecil, ada juga yang besar). Dalam postingan ini saya berbagi caranya.

Namun, sebelumnya saya mengingatkan terlebih dahulu bahwa plugin buatan Shekhar Saxena ini cocok digunakan untuk blog yang postingannya didominasi gambar atau di setiap postingannya minimal mengandung sebuah gambar.

Jadi, jika postingan Anda tidak berjenis itu, plugin ini tidak tepat karena akan muncul gambar kosong di postingan terkait.

Terlepas dari itu, berikut adalah tampilan gambar kecil yang dihasilkan plugin thumblated related post.

Tampilan Thumlbated Related Post

Cara membuatnya seperti di bawah ini:

1. Masuk ke blog wordpress.org Anda.

2. Pada fitur Plugins, klik Add New.

3. Ketikkan thumblated related post pada kolom yang ada lalu tekan Search Plugins.

4. Klik Install Now lalu tekan tombol Active untuk mengaktifkan plugin tersebut.

5. Pada fitur Settings, klik link Thumblated Related Posts.

6.Akan muncul template untuk mengatur tampilan postingan terkait. Template ini terdiri dari Header, Body, dan Footer.

7. Header adalah bagian di mana Anda bisa membuat judul, misalnya Postingan Terkait, Artikel Terkait, atau yang lainnya sesuai selera Anda. Semantara Footer, adalah tampilan bawah postingan terkait dan biarkan kode-kode yang ada sesuai bawaannya.

8. Yang perlu Anda edit adalah bagian Body. Untuk menampilkan gambar kecil seperti gambar di atas, copy dan paste kode berikut pada bagian Body.

<td valign=”top” width=”130″ padding=”5″>
<div><a href=”{link}”><img src=”{image}” width=”110″ height=”110″/></a></div>
<p style=”text-align: left;”><a href=”{link}”>{title}</a></p></td>

9. Pada bagian Configuration, pilih Max posts to show (misalnya 4) dan Excerpt length (misalnya 100).

10. Klik Save untuk menyimpannya.

11. Selanjutnya copy kode <?php boposts_show(); ?> dan paste di bagian Single Post dengan mengedit single.php. Penempatan kode ini sesuai selera Anda. Sebagai contoh, lihat gambar di bawah ini.

edit single php

12. Setelah selesai, klik Update File.

13. Lihat tampilan postingan terkait Anda. Bila sukses, gambar kecil akan muncul di bagian tersebut.

Semoga bermanfaat bagi Anda.

Postingan Terkait:

Suka dengan tulisan seperti ini?

  • Silakan berlangganan Blogodolar Tips & News sehingga Anda bisa mendapatkannya langsung ke email Anda.
  • Caranya mudah dan 100 % gratis yaitu dengan mengetikkan dan mengirimkan alamat email Anda di bawah ini. Jangan lupa aktivasi berlangganan dengan mengklik link yang dikirim ke email Anda. Klik di sini untuk melihat cara aktivasi tersebut.

Comments

  1. I like your post and appreciate it and going to subscribe. I hope you will rock my world in future
    Postingan terbaru Watch Straw Dogs Online………………Watch Straw Dogs Online

  2. The most stunning bag I’ve actually owned! It came to perform today and everybody believed it was simply about $100, the craftmanship is just attractive. The flat bottom design and style is so cute and even the within of the bag appears stunning. Now I want every shade!

  3. Wonderful web site. A lot of helpful info here. I am sending it to a few pals ans additionally sharing in delicious. And certainly, thanks in your sweat!

  4. Terrific paintings! This is the kind of info that are supposed to be shared across the net. Shame on Google for now not positioning this put up upper! Come on over and seek advice from my web site . Thank you =)

  5. It’s actually a cool and helpful piece of information. I’m glad that you shared this useful information with us. Please keep us up to date like this. Thanks for sharing.

  6. Excellent goods from you, man. I have understand your stuff previous to and you’re just extremely wonderful. I really like what you have acquired here, really like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it wise. I can’t wait to read far more from you. This is really a terrific web site.

  7. Hello there, I found your site via Google while searching for a related topic, your web site came up, it looks great. I have bookmarked it in my google bookmarks.

  8. Helpful info. Fortunate me I discovered your website accidentally, and I am surprised why this twist of fate didn’t happened earlier! I bookmarked it.

Speak Your Mind

*

CommentLuv badge