Membuat Border Pada Postingan

Kali ini kita akan buat border sekeliling postingan, biar lebih oke blognya,, hehe seperti ini :



Ini dia langkah-langkahnya :
1. Dashboard
2. Template
3. Edit HTML
4. Ctrl+F dan cari kode berikut :
.post-outer {
5. Ketemukan ? , kalo sudah tempelkan kode berikut ini dibawah kode tersebut :
background: #ffffff;
margin:3.0px;
padding:2px 2px 2px;
border:3px Dotted #000000;
border-bottom:3px dotted #000000;
border-width:3px 3px 3px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright:20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px dashed;
border-bottom-left-radius: 20px;
border-bottom:3px dotted #f45a74;
border-width:3px 3px 3px;
6. Nanti jadinya seperti ini kode yang telah disatukan :
.post-outer {
background: #ffffff;
margin:3.0px;
padding:2px 2px 2px;
border:3px Dotted #f45a74;
border-bottom:3px dotted #f45a74;
border-width:3px 3px 3px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright:20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px dashed;
border-bottom-left-radius: 20px;
border-bottom:3px dotted #f45a74;
border-width:3px 3px 3px;

}
7. Simpan Template dan refresh Blog anda...

Dah  dulu yaa. selamat mencoba :)

2 comments:

  1. Terimakasih, tak bosan-bosannya mengunjungi blog kamu... habis cute :)
    http://wafidaa.blogspot.com/

    ReplyDelete
    Replies
    1. Terimakasih#Arni_wafida.. smga bermanfaat yaa...

      Delete