Cara Membuat Widget Thumbnails Related Post dengan Linkwithin
Sunday, August 11, 2013
0
komentar
Masih dalam Suasana Lebaran Idul Fitri 1434 ini, sebelumnya saya mengucapkan Minal 'Aidzin Wal Fa'idzin. Mohon maaf Lahir & Batin. Widget Artikel Terkait (Related Post) ini merupakan widget dimana digunakan dalam menampilkan Artikel-artikel yang berkaitan dengan Kategori Posting Sobat.
__1376292168_202.67.40.22.jpg "Linkwithin Related Post")
Umumya, Pemasangan Widget ini merupakan salah satu upaya untuk membuat pengunjung Blog Sobat dapat menelusuri lebih dalam posting-posting sobat lainnya, sehingga efektif dalam meningkatkan jumlah pageview & menyumbangkan sejumlah traffic untuk Blog Sobat
Dalam Perkembangannya, sobat dapat membuat Widget ini dengan berbagai hasil seperti, Related Post Standar, Related Post dengan Scroll, maupun Related Post dengan Thumbnails (Gambar) yang akan saya bahas kali ini. Kali ini saya akan mengulas Widget Related Post yang telah disediakan oleh Linkwithin.
Sebagai tambahan, Widget yang dikembangkan oleh Linkwithin ini merupakan widget artikel terkait dengan Thumbnails yang relatif simple dalam pembuatannya, namun memiliki tampilan & tekstur yang cukup rapi & menarik. Di sisi lain, widget ini mampu dalam mengoptimalkan artikel atau posting yang jarang tersentuh oleh visitor & ditambah lagi tidak terlalu menambah beban load blog sobat. Apabila Sobat tertarik, ikuti metode berikut:
Mendapatkan Widget dari Linkwithin
- Buka tautan Linkwithin
- Masukkan data-data Blog anda pada kolom isian yang disediakan
- Masukkan Email Valid
- Isikan URL Blog sobat
- Pilih Platform blog yang sobat gunakan ;misal: Blogger
- Pilih jumlah tautan artikel yang ingin sobat tampilkan (sesuaikan dengan lebar post body di blog sobat)
- Beri Checklist (Centang) pada "My blog has light text on a dark background" , apabila blog sobat memliki latar gelap
- Klik "Get Widget!"
- Selanjutnya, sobat akan dibimbing/diarahkan menuju sebuah laman, Klik Install Widget
- Klik Tambahkan Gadget
- Replace & Tempatkan Gadget tadi di tepat bawah Blog Post
Kostumisasi Widget
- Kostumisasi Kalimat " You Might also like". Apabila Sobat tidak berkenan dengan kalimat tersebut sobat dapat memodifikasinya dengan langkah berikut
- Buka Dasbor Blogger anda
- Klik Tab Template/Edit HTML
- Cari tag <head> pada template (Gunakan Ctrl + F)
- Masukkan Script berikut di bawah <head>
<script>linkwithin_text='Kalimat Sobat:'</script>
5. Ubah Kalimat Sobat dengan kalimat yang sobat inginkan & Save Template
- Kostumisasi Penempatan Widget. Apabila sobat menghendaki widget LinkWithin berada pada posisi tertentu di bawah post body (mungkin disana terdapat widget lain seperti Google Adsense, Share Button). Ikuti langkah berikut:
- Klik Tab Template/Edit HTML
- Cari Widget yang penempatannya berada di bawah post body
- Letakkan kode berikut. Apabila sobat ingin widget ini berada di atas widget lain, letakkan diatas widget lain yang terletak dibawah post body & sebaliknya. Save Template
<div class="linkwithin_div"></div>
- Kostumisasi Penampilan Widget pada halaman Blog. Secara Default widget ini, akan tampil di semua halaman blog yang sobat buat, bahkan pada halaman Frontpage atau Home dimana tidak berkaitan dengan fungsi widget ini. Di sisi lain, hal tersebut juga dapat menambahkan beban load blog sobat. Apabila sobat menghendaki hanya menampilkan widget ini pada halaman posting saja, berikut langkahnya:
- Klik Tab Template/Edit HTML
- Cari Judul widget sobat tadi (;misal Related Post). Gunakan Ctrl+F
- Perhatikan Script berikut sehingga hasilnya sebagai berikut
<b:widget id="HTML2" locked="false" title="Related Post" type="HTML"> <b:includable id="main"><b:if cond="data:blog.pageType == "item""><data:content></data:content></b:if></b:includable> </b:widget>
4. Save Template Sobat.
NB: Kode Script bewarna biru merupakan script yang sobat tambahkan. Untuk lebih jelasnya dalam kostumisasi & Pengaturan penampilan Widget pada halaman blog, sobat dapat kunjungi Cara Menampilkan Widget pada Halaman- Halaman tertentu
Hasilnya
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Widget Thumbnails Related Post dengan Linkwithin
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://faqih2blogs.blogspot.com/2013/08/cara-membuat-widget-thumbnails-related.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Post a Comment
Dalam berkomentar, harap gunakan bahasa yang santun & tidak menyudutkan. Komentar yang berbau SARA tidak akan dimunculkan. Saya selaku pengurus blog sederhana ini, hakikatnya juga tiada luput dari segala kekurangan dan keterbatasan. Untuk itu saya mohon maaf apabila terdapat kesalahan di dalam saya berbagi di blog sederhana ini. Terimakasih atas kunjungan dan partisipasi Anda