Nime Pixrl











Tutorial : Membuat Kotak Blockquote *1
Friday, June 14, 2013 | Friday, June 14, 2013 | 0 Girly Says
Hayoo, tanya-tanya bikin Blockquote gimana?
ikutin dan simak aku yah :D *ALL TEMPELATE
Kalau pake Blogskins kan udah ada Blockquote nya :)

Apa itu blockquote ?
lihat yah, sulap nihh.. ._.
Tampak jelas kan? Step nya lihatin yah..


 1) Template > Edit HTML > Proceed > Tick Expand Widget Templates.
2) Tekan CTRL+F/F3, search for this code :
.post blockquote { 
3) Got it? Walawehhhh! Delete code blockquote yang lama itu. Gantikan dengan code ini :

background-color: #F2F2F2;
border:1px solid #FA58F4;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL LIPLAP-LIPLAP);
background-position:bottom right;
background-repeat:no-repeat;
}

4) Mesti sekarang mau  bergerak macam aku punya kan? No hal, sharing is caring :)

5) Preview dulu, if there is no error, you can SAVE now.

NOTES :
ABC : Macam biasa, carilah warna korang sendiri. CLICK HERE
ABC : Kelebaran border. Nak lawa buatlah 3 hingga 5.
ABC : Available in solid / dashed / dotted . Pilih satu je.
ABC : Masukkan icon kecik kau. Jangan ambik yang besar, tak lawa nanti.

Credit : Cik Amalina Lee

Semoga beranfaat :D 


0 Comments:

Post a Comment

Komen aja ntar dibales


OLDER POST | NEWER POST