04 January 2013

Tutorial : Letak scroll Bar dalam Post


Ha, Assalammualaikum..

Apa itu scroll bar? Scroll Bar tu ialah benda panjang yang berada di tepi blog kita nie. Ia membolehkan kita skroll ke bawah untuk melihat benda bawah jika blog kita panjang. Setahu Ain blog semunya panjang mana ada blog pendek? Apapun, kalau masih tak jelas lagi, tengok gambar kat bawah ni :




Dah faham dah sroll bar tu apa? Yang tu Scroll Bar bagi Bloglist dalam blog Ain.Tapi, dalam Tutorial nie, Ain nak ajar cara buat Scroll Bar dalam Post. Kenapa kita buat Scroll Bar dalam Post? Jawapannya ialah untuk memendekkan Post kita tu. Scroll Bar ni penting bagi Segmen, Giveaway, Contest. Contohnya, kita boleh letak scroll bar bagi Senarai peserta Segmen dan Giveaway. Faham? Kalau dah faham, apa tunggu lagi? Jom kita mulakan Tutorial ini.


1) Mula-mula, pergi Dashboard > Create New Post > Tekan Edit Html


2) Sila copy dan Paste Kod ni pada tempat nak buat Scroll Bar tu :


<div style="font: 12px,arial; height: 120px; overflow: scroll; width: 400px;">
Tulis disini </div>
<div style="font-family: arial,arial,sans-serif; font-size: 10px;">
</div>


Warna Oren : Saiz Font
Warna Hijau : Berapa tinggi korang nak Scroll Bar  tu
Warna Biru : Adjust Lebar Scroll Bar korang dengan kehendak korang.
Warna Merah : Tulis lah apa yang korang nak dalam Scroll Bar tu contohnya nama peserta Segmen

Kalau dah siap buat Scroll Bar, tekan COMPOSE semula untuk menaip seperti biasa. Jika masih ada masalah, sila tanya Ain ye..Kbai :D





2 comments:

Syazrin Rayhan said...

Assalamualaikum, jom join segmen ney. Kalau menang boleh dapat rm100

http://awanflufy.blogspot.com/2013/01/cabaran-seo-blog-3-dalam-1-happy-new.html

Nor Khaleeda said...

thank you for the tutorial :)