Assalamualaikum semua.
Hari ni saya nak ajar macam mana nak buat scrool seperti diblog saya ni..
sila lihat gambar kalau nak contohnya:
jom ikuti langkah mudah ni.
1. Log in > Pilih Layout > Add gadget > pilih HTML / Javascript
2. masukkan kod2 dibawah ni.
<div style="width: 240px; height: 200px; background-color: transparent; border-color: #333333; border-width: 1px; border-style: solid; color: #ffffff; font-size: 11px; font-family: Arial; overflow: auto;">
MASUKKAN APA SAHAJA YANG ANDA NAK MASUK KE DALAM SCROLL.
SILA MASUKKAN BANYAK SUPAYA SCROLL BOLEH MUNCUL.
</div>
3. Sila perhatikan kod2 yang berwarna di bawah ni :
<div style="width: 240px; height: 200px; background-color: transparent; border-color: #333333; border-width: 1px; border-style: solid; color: #ffffff; font-size: 11px; font-family: Arial; overflow: auto;">
-kod yang berwarna
merah tu korang leh adjust sizenya.
-kod yang berwarna
biru tu pulak adalah warna background. Kalau nak tukar kepada warna,sila tukar TRANSPARENT kepada kod2 warna. contoh kalau hitam kodnya #000000 atau putih kodnya #ffffff
-kod yang warna
ungu tu plak untuk border scroll tersebut.
ni contoh kod bila dah siap semua [seperti di blog saya] :
<div style="width: 240px; height: 200px; background-color: transparent; border-color: #333333; border-width: 1px; border-style: solid; color: #ffffff; font-size: 11px; font-family: Arial; overflow: auto;">
<center><a href="http://maisurah-mazhar.blogspot.com/" target="_blank"><img border="0" alt="Photobucket" src="http://i417.photobucket.com/albums/pp257/surafatin12/balloon-banner2.png"/></a></center>
<center><input style="width: 150px;" value="<center><a onmouseover="window.location=this.href" href="http://maisurah-mazhar.blogspot.com/" target="_blank"><img border="0" alt="Photobucket" src="http://i417.photobucket.com/albums/pp257/surafatin12/balloon-banner2.png"/></a></center>" onclick="this.focus();this.select()" readonly="readonly" type="text"/></center>
<center><a target="_blank" href="http://ymgen.com/chat.php?idne=maisurahmazhar">
<img border="0" src="http://ymgen.com/ym.php?id2=maisurahmazhar&s2=30"/></a></center>
<center><script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5010-black.swf";obj.TimeZone="Malaysia_KualaLumpur";obj.width=150;obj.height=45;obj.wmode="transparent";showClock(obj);</script></center>
</div>
dan hasinya akan jadi begini :
kalau nak link list pulak, cuma letak kod ni..
contoh:
Iamsura Blog
<a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a>
kalau nak jadi center, kod mcm ni:
contoh:
Iamsura Blog
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
kalau nak center and blink, kod mcm ni :
contoh :
<center><blink><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></blink></center>
ok kalau nak buat link list pada kotak scroll ni sila ikut contoh kat bawah ni..
letak kod ni :
<div style="width: 240px; height: 200px; background-color: transparent; border-color: #333333; border-width: 1px; border-style: solid; color: #ffffff; font-size: 11px; font-family: Arial; overflow: auto;">
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
<center><a href="http://maisurah-mazhar.blogspot.com/">Iamsura Blog</a></center>
</div>
dan akan jadi macam ni :
segala pertanyaan sila komen di bawah. Terima kasih cikgu isza kerana sudi cuba tutorial. Terima kasih Cikgu.. =)
**Cara nak buat scroll [untuk mengisi profile anda]
UPDATE!
ok..hari ni saya nak ajar cara nak buat scroll untuk letak profile korang...
ikuti step2nya... :
LOG IN >> LAYOUT >> ADD GADGET >> pilih HTML JAVASCRIPT...
masukkan kod ni dalamnya ok..
<div style="border: 1px solid rgb(51, 51, 51); overflow: auto; width: 240px; height: 200px; background-color: transparent; color: rgb(255, 255, 255); font-size: 11px; font-family: Arial;">
<center><a href="http://maisurah-mazhar.blogspot.com/" target="_blank"><img alt="me" src="http://i417.photobucket.com/albums/pp257/surafatin12/contest1x200.jpg" border="0" /></a></center>
Name: Maisurah Mazhar<br />
name I use: Iamsura<br />
Age: 17 years old<br />
Start blogging: 2008<br />
This is my 3rd Blog.<br />
Others blog have been deleted, such as iamsura.blogspot.com [2nd] / writetosura.blogspot.com [1st]<br />
Something that you must know about me: afraid of 'lipas', hate people hate me, very friendly, like to take picture and desingning, love someone who love me..thanks<br />
</div>
ok..skrg ni tukar tulisan yang dihighlite tu...
kuning : colour background scroll tu.. ( kalau nak warna hitam,tukar TRANSPARENT tu kepada #000000 kalau nak tukar kepada putih, tukar kepada #ffffff )
biru : tukar dengan link blog kamu
hijau : tukar dengan link gambar kamu
dan juga tukar tulisan berkenaan dengan saya tu ok... :D
**pastikan jika nak tambah apa2 ayat baru, akhiri ayat tu dengan kod ni <br />
Kalau ada apa2 masalah..bagitau saya dengan komen dibawah ni yer.. Terima kasih :D