Saya sering mengarsip artikel mengenai tips blog dalam mempercantik tampilan di blog . Hal yang paling sering saya lakukan dilakukan adalah melakukan editing di bagian template blog itu sendiri. Nah bagian dari artikel yang kemungkinan sering keluar adalah mengenai script/kode yang akan dimasukkan/ditambahkan ke dalam template blog itu sendiri.
Contoh Script/Kode :
<b:if cond=’data:blog.pageType == "item"’>
<H2>Artikel Terkait:</H2>
<DIV class=’rbbox’>
<DIV style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’>
<DIV id=’albri’/>
<SCRIPT type=’text/javascript’>
Script ini masih bisa lebih panjang lagi :-(. Nah tentu hal ini akan sangat mengganggu para pembaca 👿 karena harus melakukan scroll ke bawah yang cukup panjang. Kita bisa menyingkat kode tadi dengan meletakkannya ke dalam kotak scroll seperti berikut ini :
<b:if cond=’data:blog.pageType == "item"’>
<H2>Artikel Terkait:</H2>
<DIV class=’rbbox’>
<DIV style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’>
<DIV id=’albri’/>
<SCRIPT type=’text/javascript’>
Pasti akan terlihat singkat kan :-).Nah bagaimanakah cara membuat kotak scroll itu ?
Langkah untuk membuat kotak scroll di wordpress adalah sebagai berikut :
- Masuk ke akun worpdress – buat postingan baru – masuk di bagian editing html
(editing html tombol di sebelah visual) - Gunakan kode berikut ini : </div style=”overflow: scroll; width: 400px; height: 200px;”/>Isi teks di dalam postingan</div>
- Hilangkan “/” yang berwarna merah
- Selamat mencoba dan semoga berhasil 🙂
Mantap Boss
hatur nuwun atas mantabnya bossss
jadi kalw mau buat untuk paragraf selanjutnya gimana???
dengan dienter tidak bisakah mas ?
thanks ya gan..
sama sama gan, moga bermanfaat banyak