Cara Membuat Border Sekaligus background pada ruangan Posting blog

Semalam Iyagus berbagi bagaimana membuat border pada judul postingan blog
Pada kesempatan kali ini Iyagus ingin menjelaskan bagaimana membuat border sekaligus background  pada ruangan postong blog.

Jadi membuat border dan background pada ruangan posting ( tempat menulis artikel ) dapat memperindah tampilan ruangan posting blog bagi yang suka, namun sebagian juga diantara teman kita yang merasa tidak penting hehe....
Bagi sobat yang minat silahkan di cobah!

Caranya:
1. Silahkan menuju ke pengeditan HTML ( Edit HTML ) Template blog
2. Cari kode berikut :
.post-body {

Setelah ketemu
3. Kopi kode berikut
4. Paste atau letakkan kode berikut tepat diatas kode warna hijau
.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background: #FFD0FF;
padding: 15px 20px;
margin: 0-20px 20px;
}

Hasilnya seperti ini:
.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background: #FFD0FF;
padding: 15px 20px;
margin: 0-20px 20px;
}
.post-body {

Warna Orange adalah warna Background dan border
Angka 25 adalah ( lenngkungan sudut border )

Oke itu aja sobat semoga berhasil.
Jika ada masalah silahkan comment.

No comments:

Post a Comment

Jika ada sembarang pertanyaan silahkan komentar disini.