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