Sunday, August 5, 2012

Tutorial : Blockquote Version 5

Annyeonghaseyoo . Ok kali ni atin nak share blockquote jenis ke-5 pulak . yang kali ni pulak lain mungkin , ato jarang2 orang gunakan . Maybe LOL >< . ok bawah ni contoh :

                                 

BLOGSKIN

 Dashboard > Template > Edit HTML
 Tekan Ctrl + f serentak dan cari code blockquote {
 Tukar code tu kepada code bawah ni :
blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}
 Save
        

..................................................................................................................................................



DESIGN

 Dashboard > Designer > Edit HTML
 Tekan Ctrl + f serentak dan cari code .post blockquote {
 Tukar code tu kepada code dekat bawah ni
.post blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
.post blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

 Save



merah : warna border
oren : ketebalan border
biru : URL background


Code : atiqah

No comments: