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 .

2 comments: