Cara membuat tampilan Posting menjadi Kotak Terpisah

Seperti pada Blog saya ini postingnya menjadi kotak terpisah, agar pengunjung bisa membedahkan posting berdasarkan jaraknya, berikut langka-langkanya:

1. Login ke Blogger

2. Pilih Menu Tata Letak kemudian Edit HTML

3. Cari Kode ini .post {

4. Kemudian Letakkan Kode dibawah ini dibawah kode tersebut

padding:10px; /* Jarak antara text post dengan garis pinggir */

Border-top: 3px solid #0B0B61; /* warna garis pinggir atas */

Border-bottom: 3px solid #0B0B61; /* warna garis pinggir bawah */

Border-left: 3px solid #0B0B61; /* warna garis pinggir kiri */

Border-right: 3px solid #0B0B61; /* warna garis pinggir kanan */

Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */


Keterangan:
#0B0B61 kode warna biru tua yang Saya pakai pada blog ini, kalau ingin ganti kode warnanya disini untuk menyesuaikan warna template-nya

Selesai.

Artikel Terkait:

Tips dan Trick Blog

• Cara Mengganti Icon Address Bar/Favicon
• Cara Agar Blog Cepat Terindeks di Search Engine Google
• Cara Pasang Kurs Asing di Blog
• Cara Memasang Encode/Decode HTML Entities di Posting Blog
• HTML Encoder
• Cara Membuat Sudut Melengkung Pada Border Blog
• Cara Membuat Forum di Blog
• Cara Memasang Breadcrumb di Blog
• Cara Menghapus Blog yang Kita Ikuti (Follow)
• Cara Membuat Readmore di Posting Blog berkedip
• Cara Membuat Artikel Terkait (Related Post) dengan Menu Scroll
• Cara Membuat Navigasi Blog Bernomor/Paging
• Cara Membuat Label Cloud di Blog
• Cara Tampilan Judul Posting Saja Pada Label dan Arsip Blog
• Cara Membuat Thumbnail Website/Blog Sederhana
• Cara Optimasi Seo pada Gambar
• Cara membuat tampilan Posting menjadi Kotak Terpisah
• Cara menampilkan Post Blog di Facebook dengan Mirror Blog
• Cara Membuat Link Posting Untuk Membuka Halaman Tab Baru (New Tab)
• Cara Membuat Readmore Plus Judul Artikelnya
• Cara membuat Readmore (Baca Selanjutnya)
• Cara Membuat Teks Berkedip dengan CSS
• Cara Pasang Highlight Pada Kode Script di posting
• Cara Membuat Navbar Menjadi Transparan di Blog
• Cara Membuat Navbar Auto Hide di Blog