Welcome to my purple,pink blog.You want to +Follow or go back to your Home
❀ HadaaNiaa ❀: 06/23/12

TUTORIAL: Blockquote With Shadow & Icon

Views
Cik Ain Membebel Lagi..

Assalamualaikum . .
Hari ni Ain nak buat Tutorial yang takde siape request . Kehkehkeh ! Ain saje je buat tuto ni sebab Ain tengah free ni . Tataw nak buat ape . Nah ni tuto yang mudah je . Jom try .




BEFORE


AFTER


1. 
Dashboard > Design > Edit HTML > Tick Expand Widget Templates.
2. Dengan menggunakan Ctrl + F cari kod ni :




.post blockquote {

3. Copy kod di bawah: 



background:url(URL BACKGROUND PILIHAN ANDA);border-top: 2px solid #000000;border-left: 2px solid #000000;
border-right: 
border-right: 2px solid #000000;
border-bottom: 
border-bottom: 2px solid #000000;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL ICON PILIHAN ANDA);
background-position:bottom right;
background-repeat:no-repeat;
-moz-box-shadow: 0 0 10px #BDBDBD;
-webkit-box-shadow: 0 0 18px 
border-radius: 5px;margin:1em 20px;padding: 5px;
}


4. Paste di bawah kod .post blockquote { (Kalau sebelum niy korang ade buat blockquote lain . Padam kod tu . Kalau tak , tak jadi tau .)



Cara Edit :
Merah : tukar dengan url background pilihan korang sendiri . 
Kuning : Ketebalan Border
Purple : Jenis border
Pink : Kod warna border
Biru : Url cute icon
Hijau : Kod warna untuk shadow

Suka Tutorial ni ? Like page Ain ok . KLIK .


Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*