//Diyaa's Tutorial's\\

Assalamualaikum , today diya nak buat tutorial untuk Blouquote ok ? taknak buang masa jum cepat tengok diya buat :)

1 - Dashboard - Design - Edit Html - Tick Expand Widget

2 - Cari code ni

.post blockquote {

3 - Copy code bawah ni pulak dan pastekan bawah code diatas code atas ni ok ?

background-color: #CCCDFE;
border-left: 4px solid #7477FE;
border-right: 3px dashed #FFFFFF;
border-bottom: 3px dashed #FFFFFF;
border-top: 3px dashed #FFFFFF;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

4 - Yang bawah ni untuk hover , korang boleh letak Icon , background or korang nak letak ok ? copy code bawah ni pulak dan pastekan pada bwah code yg atas ni .

.post blockquote:hover {
background-image:url(URL ICON);
background-position:bottom right;
background-repeat:
no-repeat;
}

5- Hmm kalau dah selesai dia mesti akan jadi mcm ni ok ? Contohnya dibawah :

.post blockquote {
background-color: #CCCDFE;
border-left: 4px solid #7477FE;
border-right: 3px dashed #FFFFFF;
border-bottom: 3px dashed #FFFFFF;
border-top: 3px dashed #FFFFFF;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote:hover {
background-image:url(URL ICON);
background-position:bottom right;
background-repeat:
no-repeat;
}

- Icon dan backgound boleh didapati DISINI . Kalau korang nak guna hasil diya , korang usha dekat Freebies diya okayyyyyy ^^

Merah - Korang letak url Icon or Background yg korang nak
Code Warna - Korang boleh tukar ikut warna yg korang nak tukar DISINI

6 - Kalau dah selesai korang Preview dulu ok ? Kalau dah ok & cantik Save !

Bagitahu (comment) kalau menjadi ok !