Saya kira temen-temen sudah nggak asing lagi dengan artikel terkait atau related post. Related post sering digunakan untuk memancing pengunjung agar betah berlama-lama berada dalam blog tersebut. Dan biasanya artikel yang terdapat dalam popular post adalah tulisan yang paling banyak dibaca oleh pengunjung.
Popular post yang beredar di internet biasanya menggunakan javascript. Sehingga manakala ada artikel baru yang mendapat kunjungan yang luar biasa, maka artikel tersebut akan menggantikan artikel lama yang terdapat dalam popular post. Model artikel terkait seperti ini sangat bagus untuk mendongkrak pageview tapi kurang bagus jika ingin menggunakannya dalam bisnis online.
Cara terbaik membuat related post untuk bisnis online adalah dengan menuliskannya secara manual dengan sentuhan css tanpa menggunakan javascript. Meskipun hanya memanfaatkan cascading style sheet, namun tampilannya nggak kalah menarik dengan yang menggunakan javascript.
Berikut kode related post dengan sentuhan css:
<div style='background: #cccccc; color: purple; margin-top: 15px; padding: 7px; text-align: left;'>
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 1</span></a><br />
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 2</span></a><br />
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 3</span></a><br />
</div><div style='background: #cccccc; padding: 7px; text-align: right;'><a href='http://hp-yitno.blogspot.com'><span style='color: #274e13;'><i>hp yitno</i></span></a></div>
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 1</span></a><br />
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 2</span></a><br />
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 3</span></a><br />
</div><div style='background: #cccccc; padding: 7px; text-align: right;'><a href='http://hp-yitno.blogspot.com'><span style='color: #274e13;'><i>hp yitno</i></span></a></div>
Berikut cara memasang artikel terkait ke dalam template blog:
1. Login ke akun blogger sobat
2. Klik template kemudian edit template
3. Cari kode <data:post.body/> dengan bantuan CTRL+F (ada 2 sampai 3 buah kode)
4. Letakkan kode related post tepat dibawah kode itu. Taruh dibawah kode yang kedua.
5. Simpan template dan lihat hasilnya
6. Hasilnya seperti gambar dibawah ini
note:
a. ganti huruf berwarna biru dengan alamat url yang kalian inginkan
b. Jika ingin menambah link baru, silahkan salin kode ini:
¤ <a href='alamat url kamu'><span style='color: blue;'>nama link 4</span></a><br />
c. Letakkan tepat diatas kode </div>
d. Background dan color bisa anda sesuaikan sendiri
10 Komentar untuk "Cara Membuat Popular Post Tanpa Javascript"
Popular post yang saya buat ini sangat ringan sekali karena nggak ada unsur javascript didalamnya. Semuanya murni menggunakan cascading style sheet yang didukung oleh semua browser.
lam kenal sbelumnya sob, sangat membantu mas, dengan tanpanya js akan membuat kinerja blog kita semakin ringan.
wah rumit, aku gak mudeng
Oooh,, secara manual yaa.. ^_^
Mantap deh..
Jd bisa nambah page view dari poatingan terdahulu ya mas :)
dilihat dari script nya,,serba manual ya mas,,hehe
mantep ni idenya n tidak berat sama sekali :)
tapi juga harus telaten, ganti-ganti terus,hehe
kayaknya yang otomatis lebih jadi pilihan mas, memang kelebihannya lebih ringan tanpa java script
manual ya..
memang bener harus telaten gantinya :D
segera saya coba mas, mohon bimbingannya
cara manual juga oke... pasang popular post biar pembaca tahu mana yg paling sering dibaca, biar blog tambah keren. salut euy
1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat