tutorial: Blockqoute Dengan Icon Cute :)

nak thu aper itu  Blockquote dengan icon cute ??

tengok bawah nie..

                                                                        testing2

ade gambar rama2 tepi dia kan?? kalo korang sentuh kat situ,
 ade keluar rama2 kt tepi dia tu,ade kn?haaa, itu lar dia, :D

jom buad tuto nie, jom2 jom2

1.dashbourd -> Designe -> Edit HTML -> Tick expand Widget
(  Tekan CTRL+F untuk memudahkn pencarian )

Cari Code Nie :

                        .post blockquote {

2. kalo dh jumpa copy code nie plak :

background: url(BACKGROUND URL);
background-color: 
#FBEFEF;border:2px dashed
#C11B17;padding: 5px;}.post blockquote:hover {background-image:url(image url icon);background-position:bottom right;background-repeat:no-repeat;}

3. Dah Copy??. Kemudian Pastekan DIBAWAH CODE  .post blockquote {  itu tadi,, okey? 


4. BACKGROUND URL = Boleh letak korunk punyer background url sendiri


5. Warna merah tu kalo, nak biar kn pon boley, kalo nak tukar cari kt SINI

6. WARNA pink tu bleh tukar solid / dashed / dotted

7. URL ICON = ley cari kat  SINI

 8. pastu preview , puas hati SAVE LA :D



                            dah guna tuto yana credit la sikit, share la tuto yana nie okay?