Hi all. Hari ini hari Jum'at, so aku pulang sekolah pukul 11.00AM. Tapi tadi nggak langsung online cose ada urusan sama temenku *sapa yang nanyaaaa -..-"*



ignore it...



Aku mau ajarkan ke you you how to make weird blockquote like mine a.k.a BLOCKQUOTE GILA ! xD oke aku bikin blockquote ku ini memadukan antara 2 tutorials blogger femes. Nanti boleh lihat credit.



Before Hover:



After Hover:





search code:

.post blockquote {

Paste below that code:

background: #000000;

-webkit-transition-duration: 3s;

padding: 13px;

margin: 3px 3px;

}

Search code:

.post blockquote:hover {

Paste below that code:

background: url(URL BG);

-webkit-border-radius: 36px 12px;

-moz-border-radius: 36px / 12px;

-webkit-transform: skew(5deg,-5deg);

-moz-transform: rotate(2deg);

-webkit-transform: rotate(2deg);

-webkit-transition: 3s;

}

Puzzle:

- Merah warna background before hover

- Oren tukar dengan URL background after hover

- Biru itu rotasi blockquote setelah hover. Kalau mau rotate nya lebih miring, besarkan angkanya. Ex: 3, 5, 10



Preview, Save and Done.



Okay, this tutorial combined by Lettha from Athirah's and Keyla's tutorials.



You copy, bukan Lettha saja yang marah tapi mereka juga!