Tutorial BlockQuote

Hello ! clm 1 Malaysia , cehhh , ok hri ni yanie nk ajr korg cm ne nk buat blockQuote , thu x pe tu blockquote ? BlockQuote ni mcm ni ... tgk kt bwh ni , yanie pm ssh nk tafsirkn pe bnde ni , huhu , sbb yanie tgk dri blog Kak Lina , die adw blockQuote , so yanie nk ajr la ck8 acm ne nk wt kay ,

Mcm ni la rpe blockQuote

ha ! , nmpk x ? kay , yanie adw amek skit dri blog Kak Lina utk disharekn kpd smue (: , baik htikn cy ?? LoL ! , ok ,

1. korg prgi dkt dashboard -> Design -> Edit HTML -> tick expand widget-> tkn ctrl dn 'F' dgn srentak .. 
    Boleh ??? ok bgus !

2. korg copy code ni dn paste kn dkt dlm kotak yg mne korg tkn ctrl n 'F' td .. adkn ? ha ltk situ

.post blockquote {
3.ape ! x jmpe , jgn panic cyg , ok korg copy code ni  .post-body{ dn paste dlm kotak [ctrl n 'F'] td , jmpe kn ?? then copy code no.2 td ats pdw code yg korg cri no.3 td , adduuuhh ~ complicated nyer !

4.bile dh siap tu , time utk ltk code utk blockQuote plk , yanie bg yg mcm yg yanie pnyer ... yg  jenis lain , yanie akn bg link utk korg k ;) ni code nyer : 
background:url(URL BACKGROUND);
border-top: 2px solid #000000;
border-left: 
2px solid #000000;
border-right: 
2px solid #000000;
border-bottom: 
2px solid #000000;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL ICON COMEY LOTE);
background-position:bottom right;
background-repeat:no-repeat;
-moz-box-shadow: 0 0 10px #BDBDBD;
-webkit-box-shadow: 0 0 18px 
#BDBDBD;
}
5.pastekn code tu , kt bwh code no.2 tu td , ok ,

note:  
ABC : Put your background. Cari yang simple okay?
ABC : Ketebalan border.

ABC : Boleh tukar kepada solid / dotted / dashed.

ABC : Warna border.

ABC : Cari icon yang cute mute dan kecik tau :)
, nk cri icon die , org bleh tgk SINI
ABC : Warna shadow. korg bleh cri dkt SINI


Ok ! dh siap , ! credit me n Kak Lina  ok ? ;) slmt mncube ! , dn stu lg ! , preview dlu bru sve .. :)



    

No comments:

Post a Comment

ringankan jari jemari anda untuk komen :3