Cara Memasang LinkWithin-Related Posts with Thumbnails

Link Within - related posts with thumbnails

Saat anda berkunjung pada suatu blog/website, tentu anda sering menjumpai thumbnail (tampilan gambar) dari beberapa artikel terkait atau related posts with thumbnails seperti gambar di bawah?

Biasanya, thumbnail related post ini berada di bagian bawah artikel yang kita baca/ di bawah pstingan. Dengan artikel terkait ini kita sering terprovokasi untuk mengkliknya untuk membaca artikel yang ditawarkan (menjadi daya tarik tersendiri bagi sebuah blog/website).

Apalagi dengan kata-kata ajakan untuk membaca atau mengkliknya seperti: “artikel menarik lainnya, you might also like, you may also like these stories, dsb.

Ya, itulah salah satu fungsi related posts LinkWithin yang menjadikan pageviews blog kita menjadi meningkat karena pengunjung/ pembaca makin betah dan berlama-lama berdiam di blog kita, sekaligus mempromosikan artikel-artikel kita yang lain yang mungkin sudah lama tidak tersentuh dan juga sebagai penyumbang traffic bagi blog kita (more traffic).

Selain itu, dengan related posts with thumbnails ini, tampilannya adalah gambar dan judul posting di bawah gambar tersebut sehingga blog kita lebih cantik dan terlihat lebih professional.

NB: jika tidak ada gambar dalam halaman tersebut, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur.

Mungkin banyak yang sudah mengetahui dan malah sudah memasang artikel terkait dengan thumbnail ini di blog nya, namun tidak ada salahnya saya ulas lagi karena kadang-kadang kita sendiri saat akan mempercantik blog kita yang baru dan akan memasang LinkWithin ini perlu membuka-buka kembali langkah-langkahnya.

LinkWithin akan menampilkan secara acak/random artikel-artikel yang selabel atau sekategori dengan artikel yang sedang dibaca (persamaan konteks melalui judul, tag, atau label).

Cara membuat artikel Terkait dengan widget Linkwithin (cara mendapatkan widget LinkWithin untuk dipasang di blog kita) adalah sebagai berikut :

1. Masuk ke situs LinkWithin: http://www.linkwithin.com/learn?ref=widget

2. Isi form yang ada di sebelah kanan bawah

* Isikan alamat email yang valid

* Blog link di isi url lengkap blog anda

* Pilih Platform sesuai dengan blog anda, silakan pilih blogger jika anda pengguna blogspot

* width pilih 3 stories,4 stories atau 5 stories (ini menampilkan jumlah postingan artikel terkait/ related post yang tampil)

* centang kotak : my blog has light text on a dark backgound, jika backgound blog Anda berwarna gelap

3. Klik “Get widget!” dan atur tataletak yang diinginkan

4. Anda akan di bawa masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.

Setelah menekan “Menambah Widget/ Add Widget”, secara otomatis anda akan di bawa ke halaman blogger anda:

Pindahkan gadget LinkWithin ke bawah post body

Simpan perubahan:

RESUME Install Widget untuk PLATFORM BLOGGER/ BLOGSPOT

Install Widget on Blogger

1. Click Install Widget to open Blogger in a new window, and follow the steps below in that window. Login to your Blogger account if necessary.

2. Select a blog if you have more than one, then click on Add Widget.

3. (Optional) For better performance, Drag and Drop the LinkWithin box under the “Blog Posts” box.

4. Click on Save.

And you’re done! The widget should now appear on your blog.

RESUME Install Widget untuk PLATFORM WORDPRESS

Install Widget on WordPress

Download linkwithin.zip, and save it on your computer.

Go to the install plugins page on your WordPress admin site.

If you get a Page Not Found error, use these instructions

Upload the linkwithin.zip file you saved earlier

Activate the LinkWithin widget

Export your posts and upload them so we have your full feed history

And you’re done! The widget should now appear on your blog.

5. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body, save dan check hasilnya.

Bagaimana Cara Pengaturan lebih Lanjut Widget LinkWithin ?

A. Cara mengganti kata-kata “you might also like: “, sebagai berikut:

1. Masuk ke Dashboard > Desain > Template > Edit HTML.

2. Cari tag <head>, caranya arahkan dan klik mouse di area template editor dan tekan Ctrl+F,kemudian ketik: <head>

3. Bila sudah ketemu, masukkan script berikut tepat di bawah <head>

<script>linkwithin_text=’Title LinkWithin:'</script>

4. Ganti Title LinkWithin dengan teks yang anda inginkan misalnya: ” Artikel Menarik Lainnya ” atau “artikel terkait”, “related posts”,dsb kemudian simpan/save template dan lihat hasilnya.

B. Jika ingin menempatkan widget LinkWithin di posisi tertentu di bawah post body, letakkan kode berikut di atas atau di bawah widget yang lain di bagian post body.

<div class=”linkwithin_div”></div>

Lalu simpan.

C. Menyembunyikan dari halaman depan utama blog.

Bila widget LinkWithin muncul di bawah setiap post di halaman utama (frontpage). Ini membuat halaman depan terlalu ramai dan tentu saja membuat loading blog menjadi lebih lama. Selain itu, akan menambah jumlah urls halaman depan yang seharusnya hanya maksimal 100 urls.

Jika anda ingin widget ini hanya muncul di bagian posting saja (menyembunyikannya dari halaman muka), maka caranya adalah sebagai berikut:

1. Jika anda sudah terlanjur memiliki widget LinkWithin yang terpasang, silakan di remove/delete terlebih dahulu.

2. Lakukan kembali langkah untuk mendapatkan widget LinkWithin di atas. Khusus pada menu Platform pilih ‘Other’.

3. Klik ‘Get Widget!’

4. Anda akan menuju ke halaman selanjutnya, lalu copy script yang telah terbuat dan simpan script tersebut.

4. Kemudian masuk ke edit HTML template anda, dan ikuti langkah sederhana cara menampilkan widget hanya di post body.

Klik Desain > Klik Template > Klik Edit HTML
Cari kode </body> ( tekan Ctrl+F untuk cara cepat pencarian, ketik: </body> )
Copas kode widget linkwithin diatas </body>. Tapi sebelumnya bungkus dulu dengan kode

<b:if cond=’data:blog.pageType == "item"’> kode widget linkwithin </b:if>

contohnya:

<b:if cond=’data:blog.pageType == "item"’><script>
var linkwithin_site_id = 2418XXX;
</script>
<script src=’http://www.linkwithin.com/widget.js’/>
<a href=’http://www.linkwithin.com/’><img alt=’Related Posts Plugin for WordPress, Blogger…’ src=’http://www.linkwithin.com/pixel.png’ style=’border: 0’/></a>
</b:if>

5. Save dan lihat hasilnya.

Demikianlah cara memasang related posts dengan tampilan gambar menggunakan widget LinkWithin. Semoga bermanfaat.

BtmOn