Related Posts Fast Loading - Mungkin beberapa template bawaan blogger atau platform yang lain sudah menyertakan fasilitas ini, tapi ada pula yang tidak. Membuat artikel terkait memang banyak sekali caranya, karena saya sendiri sampai bingung mau pilih yang mana saking banyaknya. Tapi bagi saya, cara mana saja boleh asal tidak membuat blog kita jadi LOLA alias Loading Lama.
Artikel terkait tidak hanya sebagai penghias di akhir postingan atau hiasan footer saja, tapi fungsinya lebih dari itu. Jika kita memasang artikel terkait secara otomatis artikel-artikel kita yang mempunyai label sama akan muncul dan ini adalah salah satu teknik untuk meningkatkan pageview halaman. Sedangkan model dari artikel terkait ada 2 macam yaitu artikel terkait dengan gambar dan artikel terkait tanpa gambar.
Sebenarnya template yang saya pakai (johny wuzz asli) ini sudah tersedia artikel terkait pada bagian akhir artikel. Tapi entah kenapa tiba-tiba isi dari artikel terkait jadi hilang. Akhirnya untuk beberapa waktu saya biarkan saja kosong, yang ada hanya tulisan Artikel Terkait saja. Tapi setelah jalan-jalan ke rumah mbah gugel akhirnya saya menemukan solusi untuk mengganti tampilan dari artikel terkait ini. Dan hasilnya bisa anda lihat di bagian bawah postingan ini.
Berbeda dengan artikel terkait bawaan Johny Wuzz, kalau aslinya artikel terkait pada template ini berupa gambar, namun dengan berbagai pertimbangan saya menggantinya hanya dengan tulisan saja (judul artikel yang tampil). Jika berminat silahkan ikuti langkah-langkahnya di bawah ini :Membuat Artikel Terkait Loading Cepat
1. Login ke akun blog anda
2. Pilih Template, lalu Edit HTML
3. Gunakan CTRL+F untuk pencarian cepat, dan temukan kode berikut ]]>
4. Copy kode di bawah ini dan Paste tepat di atas ]]>
/* Artikel Terkait Loading Cepat
--------------------------------- */
#related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;font-family:Arial,serif;margin-bottom:0px;}
#related-postsku a{text-decoration:none;}
#related-postsku a:hover{text-decoration:none;}
#related-postsku ul{border:medium none;margin:10px 0px 10px 0px;padding:0;}
#related-postsku ul li{display:block;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWs-a6jcfVwWRbh7veRbUqWfRglHdZqhzXE9rPSbmMOocbevduLfLo91n3uQdj-i835eiidTIVLShllAeZM7TLEEppHbagfr5Jcla5qApfVNMKpO-N4yPH83Y-McKYKpWaGFCvWxdwsod/s1600/icon+related+post1.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:30px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #cccccc;}
--------------------------------- */
#related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;font-family:Arial,serif;margin-bottom:0px;}
#related-postsku a{text-decoration:none;}
#related-postsku a:hover{text-decoration:none;}
#related-postsku ul{border:medium none;margin:10px 0px 10px 0px;padding:0;}
#related-postsku ul li{display:block;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWs-a6jcfVwWRbh7veRbUqWfRglHdZqhzXE9rPSbmMOocbevduLfLo91n3uQdj-i835eiidTIVLShllAeZM7TLEEppHbagfr5Jcla5qApfVNMKpO-N4yPH83Y-McKYKpWaGFCvWxdwsod/s1600/icon+related+post1.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:30px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #cccccc;}
**Silahkan ganti URL gambar warna ungu di atas jika ingin merubah icon
5. Lalu cari kode dan Copy kode di bawah ini lalu Paste di atas
7. Selanjutnya, cari kode ini
Tags:
Blog
