Agan pengen menambah widget related post ?
Yups sesuai judul artikel diatas disini saya akan mensharekan 6 in 1 generator related post hasil karya dari sang blogger legendaris taufiq nurrohman. Jadi agan nggak perlu bolak - balik nyari style artikel terkait, karena generator ini menurut saya sudah lengkap banget dan agan tinggal menyesuaikan saja dengan selera agan.
Penasaran seperti apa penampakannya, berikut 6 in 1 style related post/ artikel terkait dalam generator ini :
Artikel terkait / Related post memang bermanfaat untuk para pengunjung blog agan, karena akan memudahkan pengunjung untuk membaca artikel-artikel yang masih mempunyai topik yang sama. Bahkan jika anda perhatikan ketika anda menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan dengan artikel atau sesuatu yang sedang anda cari, saya berkesimpulan itu adalah sesuatu yang hampir sama fungsinya dengan related post atau artikel terkait tetapi mungkin beda penamaan saja.
Setelah mengetahui beberapa hal diatas jadi saya setuju dengan para master seo bahwa memasang related post atau artikel terkait adalah salah satu tehnik seo yang disarankan, karena google pun menggunakan hal yang sama.
Selanjutnya jika anda tertarik untuk memasang artikel terkait / related post silakan klick generator related post dibawah ini.
Table Pengaturan
Pengaturannya tidak banyak, dan karena dalam generatornya sudah ada, jadi agan sebenarnya tidak perlu lagi menyentuh variabel-variabel di dalam widget ini secara langsung. Tabel ini Saya buat untuk kepentingan dokumentasi saja:
| Opsi | Keterangan |
|---|---|
| widgetStyle |
Kode model widget artikel terkait berupa angka. Mengubah nilai variabel ini akan mengubah markup HTML widget, sehingga kode CSS harus disesuaikan ulang. Lebih baik gunakan generator.
|
| homePage |
Digunakan untuk menentukan URL blog Anda. Nilai sudah diotomatisasikan melalui elemen
<data:blog.homepageUrl/> |
| widgetTitle |
Markup HTML untuk judul/kepala widget. Bisa digunakan untuk menyisipkan kode HTML lain juga jika mau. Kode tersebut nantinya akan tampil di atas daftar item posting di dalam widget.
|
| numPosts | Digunakan untuk menentukan jumlah posting yang ingin ditampilkan. |
| summaryLength | Digunakan untuk menentukan panjang karakter ringkasan posting. |
| titleLength |
Digunakan untuk memotong jumlah karakter judul posting sesuai dengan besar angka yang dituliskan. Ubah menjadi
"auto" untuk menonaktifkan pemotongan karakter pada judul posting. |
| thumbnailSize | Digunakan untuk menentukan lebar/tinggi thumbnail posting yang berbentuk kotak. |
noImage
|
Isi dengan URL gambar cadangan untuk posting yang tidak memiliki gambar.
|
containerId
|
ID elemen HTML untuk menampung daftar posting yang berhasil terpanggil.
|
newTabLink
|
Ubah nilainya menjadi
true untuk membuat tautan-tautan di dalam widget ini membuka di tab/jendela baru secara otomatis ketika diklik. |
moreText
|
Teks “Baca Selengkapnya”.
|
callBack
|
Fungsi tambahan yang akan bekerja setelah daftar posting termuat ke dalam kontainer widget. Lihat penjelasannya di bawah.
|
Pengaplikasian dalam blog
Agan tinggal menempatkan Css hasil generator diatas ]]></b:skin> atau dibawah <style> kemudian menempakan XML/Java Script sesuai dengan selera agan :) misal agan mau taruh di bawah postingan atau di atas postingan juga bisa, semuanya tergantung dimana agan meletakkan XML/Java Scriptnya.
Mungkin hasil generator ini masih polosan, artinya belum sesuai dengan warna dan style blog agan. Nah untuk mempercantik widget related postnya silakan agan edit bagian CSSnya, sesuaikan dengan template dan selera agan.
Sekian share artikel kali ini, untuk menambahkan efek transisi pada widget related postnya silakan artikelnya disini. Semoga bermanfaat.