Saturday, June 30, 2012

Tutorial : Scroll Box Dalam Entry

Assalamualaikum.


Kepada sesiapa yang ingin buat scroll box dalam entry, bolehlah tengok tutorial ni ye. Korang boleh buat scroll box ni untuk masukkan senarai nama peserta contest, kod HTML atau apa-apa pun yang korang rasa nak tulis. Jadi korang bolehla asingkan semua ni dengan ayat dalam entry korang tu kan. Eheh, mudah saje tutorial ni. Jom buat sama-sama.

Untuk new blogger interface

1. Log In > Posts > New Post.

2. Copy kod ini :

<center>
<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #FF3399; height: 150px; overflow: auto; width: 400px;">

 
Taip isi-isi dan ayat korang di sini ...



</div>

3. Paste di bahagian HTML dalam New Post tadi . Html kat mana ? Tengok butang sebelah kiri dalam bahagian New Post, di sebelah butang Compose. Jumpa tak?

Perhatian! Korang juga boleh edit :

border: 3px : untuk menetapkan ketebalan kotak
double : boleh ditukar kepada dashed atau ikut pilihan korang
#FF3399 : untuk menukar warna kotak. Kod Warna DI SINI.
height: 150px; : untuk menetapkan saiz ketinggian kotak
width: 400px; : untuk menetapkan saiz kelebaran kotak

4. Ok . Bila dah ubah, tukar balik ke Compose. Kemudian korang taip apa yang korang nak taip di "Taip isi dan ayat korang si sini".

5. Kalau dah jadi, bolehla korang klik butang Publish. Dah siap!

Selamat Mencuba.

No comments:

Post a Comment