Home Profile Opinion Academic Experience Tutorial

Sabtu, 09 April 2016

Status Box Marquee

  Hai, assalamu'alaikum1 One day two ost nih, walaupun jarak waktunya cukup lama. Oke, Resti post cara buat Status Box Marquee plus desainnya agar cantik dan menarik. Lets go!


1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy paste kode dibawah ini


<center><div style="color:#fea5c2; background:url(http://i.imgur.com/UbExa.gif); border-top: 3px dotted #ffe4e1;border-top: 3px solid #ffe4e1; border-left: 3px solid #ffe4e1;border-right: 3px solid #ffe4e1; font-family: Forte; width: 230px; height:30px; -moz-border-radius-topleft: 18px;
-moz-border-radius-topright: 18px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;">My Status</div></center>
<center>
<marquee behavior="scroll" direction="left" scrollamount="5" style="background:url(http://i.imgur.com/5Dy51.png); border: 3px solid #ffe4e1; color:#fea5c2; font-family: Comic Sans MS; font-size: 11pt; height: 20px; width: 230px;">Tutorial Membuat Status Box Marquee</marquee>
<div style="color:#fea5c2; background:url(http://i.imgur.com/UbExa.gif); border-bottom: 3px solid #ffe4e1; border-left: 3px solid #ffe4e1;border-right: 3px solid #ffe4e1; font-family: Forte; width: 230px; height:10px; -moz-border-radius-topleft: 18px;
-moz-border-radius-topright: 18px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;"><img src="http://th1128.photobucket.com/albums/m497/holleyteatime/th_bowboarder_pink_light.gif"/></div></center>

-kode diatas sudah Resti rancang
-kalau mau mengubah silakan
-untuk mengubah divider, bisa diambil disini
6. Save

Terima kasih telah membaca, tinggalkan komentar ya!

2 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...