Membuat Border/Bingkai Sebagai Pembatas Postingan

Selamat sore para sahabat blogger dimana saja sobat berada. Postingan seurune kali ini membahas tentang Border/Bingkai pada postingan blog. Border ini dipakai atau pembatas atau pemisah antara hasil postingan satu dengan lainnya. Pada beberapa template blog, border ini sudah disediakan. Namun bagaimana jika anda memakai template yang tidak mempunyai border tersebut dalam template anda.

Contoh Gambar Hasil

Jika anda ingin menggunakan pada blog anda, silahkan ikuti langkah pemasangannya dibawah ini

1. Login Blog anda.
2. Pilih Rancangan dan klik Edit HTML.
3. Beri tanda pada kotak Expand Template Widget.
4. Backup dulu template blog anda, untuk menghindari kesalahan kode.
5. Cari kode .post {
6. Tempatkan kode berikut tepat dibawah kode .post {

background:#none;
border:2px solid #d9c39c;
margin:0 0 0.8em;
padding:0.8em;
color:#000;
font-family:"Trebuchet MS";
-moz-border-radius: 20px 0px 20px 0px;

Hasilnya

.post {
background:#none;
border:2px solid #d9c39c;
margin:0 0 0.8em;
padding:0.8em;
color:#000;
font-family:"Trebuchet MS";
-moz-border-radius: 20px 0px 20px 0px;
}

7. Simpan template anda

Keterangan :
Kode yang berwarna biru adalah kode warna garis bingkai
Kode berwarna hijau adalah kode Karakter tulisan posting
border = Tebal garis bingkai
padding = Jarak postingan dengan garis
-moz-border-radius = lengkungan (busur) garis bingkai

Catatan : Bila dibawah kode .post { terdapat kode lainnya, maka kode tersebut dihapus dan di ganti dengan kode yang telah ada di atas

Semoga bermanfaat