Tutorial - Pasang Blockquote ( Jenis 1 )

*contoh blockquote berHover mcm gambar kt atas ni ^^

Salam semua ...
jom kita buat blockquote untuk
mencantikkan entry :)

1. Dashboard > Design > Edit HTML  
**Tick Expand Widget Template

2. tekan CTRL+F dan cari code di bawah :

.post blockquote {

ATAU

]]></b:skin> 


3. COPY CODE di bawah ini.

background:url(URL BACKGROUND 1);border: 2px solid #000000;-webkit-transition-duration: 1s;}

.post blockquote:hover{background:url(URL BACKGROUND 2);border:2px dashed #FFFFFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;-webkit-transition-duration: 1s;}

4. yang mencari code  .post blockquote { paste kan
di BAWAH . yang mencari code  ]]></b:skin>   paste kan di ATAS .


PERLU DI UBAH ::

BIRU : background SEBELUM cursor sentuh
COKLAT : warna border SEBELUM cursor sentuh
MERAH : background SELEPAS cursor sentuh
OREN : warna border SELEPAS cursor sentuh


background korang boleh cari di Google.
code warna cari di sini -> KLIK

okeyh , harap tuto ni berguna XD
yang dh try jangan lupa KOMEN ok.

---

Thank You sebab baca entry ni . Jangan lupa like dan komen .

---