ScrollBox adalah sebuah trik yang digunakan bagi mereka para blogger yang sering menulis artikel yang panjang-panjang. Fungsinya untuk memperpendekkan artikel yang panjang itu tanpa mengurangi isi dari artikel yang kita posting itu. Cara ini sangat dibutuhkan oleh para blogger, apalagi fungsi lainnya juga untuk mempercepat loading blog, karena dengan memperpendek artikel tentu saja akan memperpendek loading juga.
Berikut langkah-langkahnya :
1. Login ke blog kalian dengan ID dan password kalian
2. Cari yang Edit Entri dan langsung klik
3. Klik lagi yang New Entri atau tambah postingan
4. Biarkan seperti itu .. sekarang perhatikan baik2 kode dibawah ini :
<!-- HTML Codes by agung wisudhatama -->
<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.1001tawa.blogspot.com" title="Liat cara pasang ScrollBox"/>Cara Pasang ScrollBox</a></p>
<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.1001tawa.blogspot.com" title="Liat cara pasang ScrollBox"/>Cara Pasang ScrollBox</a></p>
Catatan :
Untuk tulisan yang ane tebelin :
height:120px adalah tinggi scrollbox, semakin besar angkanya semakin tinggi scrollboxnya
width:250px itu adalah lebar scrollbox, semakin besar angkanya semakin lebar scrollboxnya
Sedangkan yang ane tulis dengan warna biru itu adalah isi artikel yang akan kalian pasang di dalam scrollbox.
Terus yang bawah adalah blog yang bisa kalian klik untuk ngeliat cara memasang scrollbox itu
Dan contohnya seperti ini :
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
Nah kalau yang kedua ini adalah tulisan didalam scrollbox dengan background .. lhah terus caranya gimana ..
<!-- HTML Codes by agung wisudhatama -->
<div style="height:100px;width:190px;overflow:scroll;background-color:#DF7401;color:#A6120D;scrollbar-base-color:#52DC0D;">
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.1001tawa.blogspot.com" title="Liat cara pasang ScrollBox"/>Cara Pasang ScrollBox</a></p>
<div style="height:100px;width:190px;overflow:scroll;background-color:#DF7401;color:#A6120D;scrollbar-base-color:#52DC0D;">
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.1001tawa.blogspot.com" title="Liat cara pasang ScrollBox"/>Cara Pasang ScrollBox</a></p>
Contohnya ada dibawah sini :
Taruh artikel kalian yang panjang itu disini. Ini hanya sebagai contoh, dan selanjutnya isi yang ada disini dengan tulisan yang akan kalian posting nantinya. Isi artikel terserah kalian.
Catatan : untuk tulisan yang ane tebelin itu adalah kode warna .. dan warna background bisa kalian pilih sendiri dengan melihat kode warna diblog ini.
Dan sekarang sudah bisa terapkan di blog kalian sendiri .. Semoga bermanfaat..
0 Komentar