Membuat Posting Terkait Beserta Thumbnails Dengan LinkWithin

Setelah akhir-akhir ini saya sering memposting tentang software dan info lowongan kerja

kali ini saya ingin berbagi sedikit info tentang dunia blogging kembali. Untuk para blogger tentu sudah tidak asing dengan istilah related post atau biasa disebut tulisan berhubungan. Mungkin sudah banyak dari kalian yang sudah mengetahui cara membuat tulisan berhubungan atau bahkan mungkin diantara kalian sudah ada yang memposting di blognya masing-masing. Nah kali ini saya ingin berbagi tentang membuat posting terkait dengan format yang berbeda. Karena kali ini kita akan membuat related post dengan format lebih menarik dan menampilkan thumbnails sesuai dengan posting terkait.

Tidak seperti membuat posting terkait pada umumnya yang agak sulit dan harus mengedit beberapa kode HTML pada blog kita, disini kita hanya membutuhkan jasa dari www.linkwithin.com untuk membuat related post dengan format yang menarik. Contoh dari related post yang ditawarkan linkwithin dapat kamu lihat pada blog ini..

Lumayan bagus bukan ?? Tapi bukan hanya itu, rata-rata related post yang kita buat biasanya hanya berdasarkan kategori saja. Tetapi dengan LinkWithin disini dipilih berdasarkan beberapa faktor, termasuk relevansi, popularitas, dan kebaruan. Jadi dengan begitu related post atau postingan terkait kita tidak baku dan tidak terpaku terhadap topik yang muncul. Lalu untuk cara penggunaannya sangat mudah yaitu sebagai berikut:

1. Kunjungi www.linkwithin.com


2. Disana kita masukan alamat email, Url ( link blog kita), Platform, beserta warna yang akan digunakan


3. Ikuti saja perintah yang diberikan lalu klik save

Bagaimana sudah jadi bukan ?? mudah, simple dan menarik. Oh ya bagi kamu yang menggunakan format read more di blognya maka bisanya related post atau postingan terkait itu akan muncul di bawah tulisan readmore. Nah apabila kita hanya menginginkan tulisan terkait itu muncul saat berada pada halaman spesifik dan tidak muncul pada homepage blog, untuk itu kita perlu pindahkan kode-kode yang diberikan linkwithin. Biasanya kode yang diberikan linkwithin sebagai berikut dan otomatis diletakan pada widget blog kita. Nah copy kode htmlnya lalu paste di notepad. Widget yang tadi berisi code dari linkwithin kita delete.

<script>
var linkwithin_site_id = 39562;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" style="border: 0" src="http://www.linkwithin.com/pixel.png"/></a>

Setelah menghapus widget yang diberikan linkwithin, sekarang kita klik Edit HTML lalu beri tanda checklist pada Expand Widget Templates.

Cari kode dibawah ini

<div class='post-footer-line post-footer-line-2'> atau
<div class='post-footer-line post-footer-line-3'/>

Lalu pastekan kode html yang diberikan linkwithin setelah kode diatas.. Klik save..
Bagaimana ?? sepertinya tidak ada masalah untuk yang satu ini

Tapi apabila masih ada kesulitan kamu bisa langsung bertanya pada admin linkwithin.com. Mereka merespon email kita dengan sangat cepat, bahkan dari pengalaman saya mereka membalas pertanyaan yang saya kirim sambil memberikan solusinya hanya berselang satu jam dari waktu pengiriman email saya. Wow hebat bukan ?? Dan satu lagi no-ads..

Ok semoga bermanfaat dan tunggu postingan selanjutnya ok..