Tutorial cara buat tulisan bergerak dengan border

Tutorial cara buat tulisan bergerak ni adalah atas request Far_East..

Cara letak pada blog senang saja..

Pergi ke desbot---desaign---ada gadget---html / javascript...kemudian masukkan code di bawah dan save..senangkan..

Banyak efek yang boleh di tambah sendiri jika anda tahu coding css... disini aku senaraikan beberapa cara untuk buat tulisan bergerak dengan border...makin ke bawah makin bertambah efek css dia...

Cara 1 :

<span style='border:3px dashed #ff3366;'><marquee>GANTIKAN TULISAN INI DENGAN AYAT POWER ANDA</marquee></span>

hasilnya ...

GANTIKAN TULISAN INI DENGAN AYAT POWER ANDA

Code 2

<span style='border:3px dashed #ff3366;border-radius:10px;'><marquee>gANTIKAN TULISAN INI DENGAN AYAT2 CINTA</marquee></span>

hasilnya

gANTIKAN TULISAN INI DENGAN AYAT2 CINTA

Code 3

<span style='border:3px dashed #ff3366;background:#000;color:#eee;border-radius:10px;'><marquee>TULIS APA SAJA KAU SUKA LALALA</marquee></span>

hasilnya

TULIS APA SAJA KAU SUKA LALALA

Code 4

<span style='border:3px dashed #ff3366;background:#000;color:#eee;border-radius:10px;-moz-box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff;'><marquee>Suka hati hahahaha lalala muahahaha wkakakakakaka keh keh keh</marquee></span>

hasilnya

Suka hati hahahaha lalala muahahaha wkakakakakaka keh keh keh

code 1 adalah yang paling simple..
code 2 ditambah efek rounded corner
code 3 ditambah efek background
code 4 ditambah efek shadow.. tapi perlu kena dengan tona warna..jika tidak kena..maka tidak nmpak la efek tu..

jika anda pandai main coding css.. mcm2 lagi yang boleh ditambah efek dia..

Jenis border yang selalu digunakan
solid
dashed
dotted

Code warna Rujuk sini...

Rujuk sini

NOTA PENTING : pasang gadget ni menggunakan browser google chrome... coding html marquee ni pelik sikit..

JIka tidak menjadik atau gagal...copy dan paste dan terus save code tu.. mungkin anda tersilap memasukkan code... jika code asal pun gagal...sila bagi tau....

Sekian