Monday, 11 August 2014

Tutorial Cara Buat Blockqoute Cantik

Assalammualaikum
Hai

Jom kita buat Blockqoute yang comei.
1. Klik Template >  Edit HTML > Ctrl + F
dan Paste

.post-body {
2. Copy code dibawah dan Paste diatas code petama tadi
.post blockquote {
pading:9px;
background-image: url('http://media.tumblr.com/015e24fc4c96881986b5680640788b71/tumblr_inline_mh5jzkgcfX1roozkr.gif'); 
border:2px dashed  #FEBFBF
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:#FFFFFF}
blockquote:hover {
background-color: #CCCCCC;
-webkit-transition-duration: 2.0s;
background-image:url(http://dl10.glitter-graphics.net/pub/79/79730l4d8pj2fyu.gif);
background-position:left right;
background-repeat:no-repeat;
}
Note: 
Color Biru - URL background Blockqoute
Color Oren - Border
Color Pink - Warna border ( Tukar Code bertanda # ikut suka korang) Pilih Warna
Color Biru cerah - URL image apabila klik
3. Preview

4. Jika keluar muka blog korang..maknanya..everything ok. then Save.

Selamat Mencuba


Like Jika Suka Ya..Dan Mohon Klik Tabung KKnk..TQ>
Comments
0 Comments

No comments:

Post a Comment