Thursday, July 24, 2014

Tutorial Border Pada Postingan Blog

Contoh :
Sebelum 
Selepas


1.Dashboard > Design > Edit HTML > Tick Expand Widget Template
2.tekan Ctrl+F [serentak!] , cari code ini :
.post h3 {
ATAU
.post-title {
ATAU
h3.post-title {
3.Kalau Sudah Ketemu copy code bawah ini dan pastekan dibawah kode yg kalian cari tadi
text-align: center;

border-right: 5px solid #BDBDBD;
border-left: 5px solid #BDBDBD;
border-top: 1px dashed #BDBDBD;
border-bottom: 1px dashed #BDBDBD;
padding: 5px;
}
.post h3:hover{
border-radius: 5px;
border-right: 1px dashed #BDBDBD;
border-left: 1px dashed #BDBDBD;
background: url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_406651decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition-duration: 3.5s;
}
4.Sila preview dulu.Kalau sudah benar.Terus SAVE!

Note
ABC - Code colour
ABC - Url Image Cute Icon

No comments :

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.

Follower

Google+ Followers

Translator

English French German Japanese Korean Chinese Russian Spanish
India Saudi Arabia Netherland Portugal Italian Philippines Ukraina Norwegia
Powered by
Widget translator