Memulai lagi menulis tutorial sungguh terasa sulit, apalagi di tengah kesibukan akhir tahun yang banyak menyita waktu dan pikiran. Terlebih adanya beberapa urusan penting yang harus segera dituntaskan membuat raga lelah dan otak penat. Namun demi sobat semua, saya coba juga menulis tutorial ini meski tulisannya mungkin basi dan kurang bermanfaat.
Pada tulisan kali ini saya akan mencoba membahas cara membuat scroll pada related post. Sebagaimana sobat ketahui bahwa menambahkan related post atau artikel terkait kedalam blog memang akan sangat menguntungkan karena pembaca dapat melihat langsung judul-judul artikel yang berhubungan dengan artikel yang tengah dibacanya. Namun jika jumlah related post itu sangat banyak, apalagi jika satu artikel dibuat dalam dua atau tiga kategori, maka daftar related post ini akan memanjang dan menyita halaman. Akibatnya kotak komentar menjadi tergeser dan berada paling bawah sehingga cukup menyita waktu bagi pembaca jika ingin menuliskan komentar di dalamnya.
Untuk mengatasi hal tersebut kamu bisa membuatkan scroll pada related post ini. Cara membuatnya pun cukup mudah, kamu tinggal menambahkan beberapa perintah kedalam script HTML-nya. Untuk mudahnya kamu bisa mengikuti langkah-langkah berikut:
Nah, sekarang related post pada blog kamu tidak terlihat memanjang lagi sehingga cukup memudahkan bagi para pembaca jika ingin menuliskan komentar. Cukup mudah kan?
Ok brow, selamat mencoba...
Pada tulisan kali ini saya akan mencoba membahas cara membuat scroll pada related post. Sebagaimana sobat ketahui bahwa menambahkan related post atau artikel terkait kedalam blog memang akan sangat menguntungkan karena pembaca dapat melihat langsung judul-judul artikel yang berhubungan dengan artikel yang tengah dibacanya. Namun jika jumlah related post itu sangat banyak, apalagi jika satu artikel dibuat dalam dua atau tiga kategori, maka daftar related post ini akan memanjang dan menyita halaman. Akibatnya kotak komentar menjadi tergeser dan berada paling bawah sehingga cukup menyita waktu bagi pembaca jika ingin menuliskan komentar di dalamnya.
Untuk mengatasi hal tersebut kamu bisa membuatkan scroll pada related post ini. Cara membuatnya pun cukup mudah, kamu tinggal menambahkan beberapa perintah kedalam script HTML-nya. Untuk mudahnya kamu bisa mengikuti langkah-langkah berikut:
- Login ke akun Blogger, pilih Tata Letak, lalu pilih Edit HTML.
- Beri tanda centrang pada Expand Template Widget.
- Cari kode berikut (gunakan Control F atau F3):
<b:if cond='data:blog.pageType == "item"'> <div class='related-posts'>
- jika tidak ada cari kode ini:
<b:if cond='data:blog.pageType == "item"'> <div class='similiar'>
- Setelah ketemu, gantikan kode <div class='related-posts' atau 'similiar'> dengan kode berikut:
<div class='related-posts' style='border:1px solid #CCC; padding:10px; width:95%; height:250px; overflow:auto;'>
- atau dengan kode ini:
<div class='similiar' style='border:1px solid #CCC; padding:10px; width:95%; height:250px; overflow:auto;'>
- Atur lebar (width) dan tinggi (height) sesuai keinginan kamu.
- Simpan hasil kerjaan kamu dan ucapkan alhamdulillah.....
Nah, sekarang related post pada blog kamu tidak terlihat memanjang lagi sehingga cukup memudahkan bagi para pembaca jika ingin menuliskan komentar. Cukup mudah kan?
Ok brow, selamat mencoba...
15 komentarPosting Komentar
assalamu'alaikum ...
tah geuning tos aya deui, Kang artikelna. Alhamdulillah.
Abi pertamax ya hehe ... ka-isme-an yeuh!
Mampir siang ke rumahnya kang EnEs. Baca2 dulu ah. Hmm, tutorial mantap lagi nih.
Kalau mengganti foto slide show dengan foto kita, gimana Kang? Punten ah ngarerepot
kalau blog saya dikasih beginian apa ndak berat yah kang
Mantabs... Makasih triknya sob...
coba dulu...biar gak penasaran!
Aduh, lawas tilawas guru..asa waas uy guru ngasih tutor deuim, hehe...nuhun ah.
tips menarik...
Terima kasih masih menyempatkan memberi tutorial di sela2 kesibukan Kang Enes...
salam sobat
trims ilmu dan sharingnya
saya pingin juga tuh,,bikin scrol pada related post..biar menghemat tempat .
Maksih kang ilmunya, sangat bermanfaat,,
Kang ada bingkisan lagi semoga berkenan silahkan diambil yach..
Di blog saya gak ada tuh div class='similiar' atau berbeda kali. Apa ya?
mantab kawan blog q juga dah aq pasang
makasih suhu aye baru newbie nih baru bikin blog 1 minggu
pake cara apa aja drtd ga berhasil :( hiks,, related pos sm similarnya ga ketemu om...
Wah, makasih ya.
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.