Monday, July 25, 2011

Tutorials : Blockquote Flash



Selamat petang korang...
Tadi niat nak puasa sunat, hancur dah...
Syaz termakan Milo lah...Huhu..
Lapar sangat sampai boleh lupa...
Ish ish ish...
Apalah, tahan bola tu wat pe?
Tahan lah aku daripada termakan Milo...
Huhu...

OK, hari nie...syaz nak wat tuto...
Direquest oleh Cik Syai kite...
Yang juga seorang "belieber"...
Okay Cik Syai... Mulakan!!

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates
2.Cari kod ni...
.post blockquote {
3.Pastekan kod ni kat BAWAH kod tadi :
margin: 1em 20px;
background:url(http://i863.photobucket.com/albums/ab195/shz97/bg/orange.png); padding:5px;
border:1px dashed #FF8040;
padding: 5px;
}
.post blockquote:hover {
background: url(http://archives.bulbagarden.net/media/upload/0/0f/025MS.png) no-repeat right bottom ;
border:1px dashed #FF8040;
-webkit-transition: 1s;}
}
 4.Tukarkan kod-kod yang berwarna ikut suka hati korang eh? Baru save!

MERAH = Tukarkan dengan background yang korang nak
UNGU = Tukarkan dengan icon yang akan muncul apabila di hover
BIRU = Ikut ketebalan blockquote yang korang nak
CHOC = Tukar ikut cita rasa korang, dotted/dashed/solid
OREN = Warna untuk border blockquote korang

Kalau tak paham komen tau!! Happy Blogging!!



Dah baca tu...Jangan lupa komen!

0 000 pikachu comel:

Post a Comment