Plugin untuk Membuat Related Post Bergambar

Plugin untuk Membuat Related Post Bergambar

Halo apa kabar pembaca MargaSatrya.com. Kangen rasanya saya tidak nulis disini. Banyak sekali informasi yang saya dapatkan di blog ini khsususnya tentang plugin wordpress.

Meskipun saya masih baru di dunia wordpress ini, namun tak ada salahnya saya mencoba menulis tentang wordpress. Saya yakin dengan semakin banyak yang saya tulis dan semakin banyak yang memberi masukan ataupun yang mengoreksi dari para mastah wordpress akan mengasah kemampuan saya di engine ini. Buat mas Satrya, mohon ijin ya untuk sering-sering nulis disini.

Bahasan kali ini saya akan membahas Plugin untuk Membuat Related Post Bergambar. Jika rekan-rekan berkunjung ke halaman single post blog saya, pada akhir entry post terdapat  random post berupa thumbnail gambar. Sebenarnya itu adalah related post dari plugin yang akan kita bahas kali ini. Plugin yang saya pakai adalah IGIT Related Posts With Thumb Image After Posts. Cukup panjang namanya, jadi tidak saya tampilkan di title post.hehe

IGIT Related Posts With Thumb Image After Posts

Plugin ini didevelop oleh phpaddicted (akun wordpress.org nya) dan bermarkas di Hackingethics.com. Plugin ini berfungsi untuk menampilkan related post dalam bentuk gambar yang ditempatkan setelah post. Contoh tampilannya seperti pada gambar berikut.

Plugin untuk Membuat Related Post Bergambar

Plugin untuk Membuat Related Post Bergambar

Plugin ini akan menyisipkan secara otomatis sebuah widget berupa thumbnail-thumbnail gambar beserta judul postnya. Jumlah related post juga bisa diatur nantinya di halaman setting plugin tersebut.

Keuntungan dari pemasangan related post bergambar menggunakan plugin ini selain menarik pembaca untuk masuk (berbanding lurus dengan traffic) plugin ini diklaim oleh pemiliknya telah SEO friendly.

Fitur Utama

  • Automatically inserts one widget of Related Posts after post.
  • Enter Related Posts Number to Show.
  • Option for Display Thumb or not.
  • Option to enter Thumb Width and Height.
  • Three options to select related posts style – Horizontal, Vertical, Simple Style.
  • Ajax Based Admin Options.
  • Exclude Categories from Related Posts.

Cara Memasang

  1. Download plugin IGIT Related Posts With Thumb Image After Posts. Atau jika Anda sudah mengaktifkan Plugin Center, Anda tinggal memasukkan link download berikut ke form yang disediakan (http://downloads.wordpress.org/plugin/igit-related-posts-with-thumb-images-after-posts.3.9.6.zip).
  2. Upload dan aktifkan plugin tersebut ke wp-content/plugins.
  3. Anda sudah berhasil menginstalnya dan tanpa perlu menyetingnya sudah otomatis tampil. Tapi jika masih kurang puas dengan tampilan defaultnya, Anda bisa edit-edit di bagian setting pluginnya.

Setting Plugin

Pada halaman setting plugin IGIT terdapat beberaa pilihan setting untuk tata letak maupun style yang akan ditampilkan. Akan saya coba jelaskan satu-satu.

Automatically Show related Posts After Post : (Tick If Yes)

Defaultnya adalah tercentang oleh karena itu tanpa harus menyisipkan script, cukup instal saja related post dalam bentuk gambar ini sudah langsung muncul tepat di bawah posting blog kita.

Manually Placing of Related Posts :

Jika tidak puas dengan letak default yang disediakan (tepat di bawah post), Anda bisa mengubah letak related post dalam bentuk gambar dengan meletakkan kode berikut ke dalam file single.php sesuai dengan keinginan Anda.

<?php if(function_exists('igit_rpwt_posts')) igit_rpwt_posts(); ?>

Heading Text :

Defaultnya adalah Related Post : . Anda bisa menggantinya sesuai keinginan.

Select Categories To Exclude From Related Posts :

Anda bisa mengatur post-post dalam kategori tertentu untuk tidak tertampil pada related post dalam bentuk gambar ini. Cukup centang yang tidak ingin Anda tampilkan. Misalkan saja Anda menyisakan kategori yang isinya cukup minim pengunjung.

How Many Related Posts Want to Show?

Secara default jumlahnya adalah 4. Jika ingin menampilkan lebih dari 4 harus mengubah ukuran gambar agar sesuai dengan lebar halaman post Anda.

Select Background Color

Defaultnya putih. Jika template Anda putih tidak harus mengubahnya.

Untuk membantu memilih kode warna silahkan memakai ColorGenerator.

Select On Hover Background Color:

Saat di hover mouse warna latar gambar akan berubah. Disinilah tempat Anda mengubah warna yang diinginkan.

Select Image Border Color:

Untuk menentukan warna border dari gambarnya.

Thumb Width dan Thumb Height

Fungsinya untuk mengubah ukuran gambar yang akan tampil. 100 px sangat sesuai untuk 4 gambar. Jika ingin menambahnya menjadi 5 tentu harus mengecilkan gambarnya agar sesuai.

Jika Anda mengecilkan gambarnya, misalkan menjadi 70×70 px. Maka Anda harus mengubah file noimage.gif yang ada di wp-content/plugins/igit-related-posts-with-thumb-images-after-posts/images menjadi 70×70 px.

noimage.gif adalah gambar yang tampil jika dalam posting tidak ada gambarnya. Gambar defaultnya kurang menarik, Anda bisa menggantinya asal nama dan ukurannya sama (noimage.gif)

Selebihnya Anda bisa menyetingnya bukan?

NB : Plugin ini akan menghasilkan image di folder plugin tersebut. Jika jumlah post Anda cukup banyak akan membutuhkan space yang banyak pula, kecuali jika sebagian besar artikel Anda tidak menyisipkan gambar. Sesuaikan dengan space hosting Anda.

Semoga Bermanfaat dan silahkan mencoba.

Penulis: dHaNy - http://danisetiyawan.com

Seorang pembelajar yang baru masuk di dunia blogging. Suka tulisan tentang motivasi, kekuatan pikiran dan pengembangan diri. Jangan lupa kunjungi saya di DaniSetiyawan.com

Berlangganan Artikel Gratis !

  • Hendro Prayitno

    Wah, mas dhany nih yang posting, siip. aku coba bro.
    OOT:
    Kira2 aku bisa posting di sini ga ya? tapi aku ga ngerti wordpress

    • http://www.margasatrya.com satrya

      Silahkan mas, bisa mengenai blogging, desain dan lain2 ;)

    • http://danisetiyawan.com dHaNy

      Wahh manteb mas.. pasti saya tunggu nih artikel dari mas Hendro…

  • http://www.rizdancreative.com Rizdan

    siiiip ,
    Langsung saya praktekkan mas

    • http://danisetiyawan.com dHaNy

      Silahkan dicoba mas Rizdan, semoga berhasil.

  • herrry

    ooohh ini toh rahasianya. sip2, thankyou mas, sangat bermanfaat. ini yg kucari., sukses ya

    • http://danisetiyawan.com dHaNy

      Selamat mencoba mas.. tapi sesuaikan juga untuk kapasitas hostingnya..

    • http://danisetiyawan.com dHaNy

      Ok… silahka mencoba mas Herry..

  • http://fieroe-fieroe.blogspot.com Rudy

    Klo tutorial buat di Blog ada ga bos??

    • http://danisetiyawan.com dHaNy

      buat di Blog maksudnya di blogspot mas Rudy? Kalau blogspot bisa memakai LinkWithin.. Banyak sekali artikel tentang itu…

  • Guusn

    Bagus mas tutorialnya, tapi kalau g pakai gambar bisa d edit g ?

    • http://danisetiyawan.com dHaNy

      Bisa mas.. pake image defaultnya noimage.gif. Akan muncul gambar itu jika postingnya tidak ada gambar….

  • http://jhezer.web.id JhezeR

    kalo saya cuma manfaatin related post thumb dari theme yg diedit dikit :D

    • http://danisetiyawan.com dHaNy

      Wah theme punya mas Jhezer udah ada fitur post thumb nya ya? Kayaknya lebih efektif juga dan tidak butuh space gede ya mas?

  • http://www.vellimarwan.com velli, md.

    mmh…bisa nulis artikel disini ya gan???
    gmana caranya neh?
    jadi pengen gabung..

  • gama

    bagus gan infonya pas dengan yg ane inginkan

  • Amri

    kalo gak punya thumb bisa keluar gak ? masalahnya images saya hostingkan di picasaweb bukan di hosting saya… :-?

    • http://danisetiyawan.com dHaNy

      Pake teknik thimb thumb bisa kok mas… ambil image pertama di post… kayaknya mas Jhezer pernah posting tentang itu

  • http://www.jangka.net Jangka

    Mantabs…
    Tapi kalau yang kayak blog ini gimana?