Area Posting Dalam Kotak Terpisah

Apakah kamu pencinta template Minima Blogger? Jika ya, tentu anda merasa kurang mantap jika area posting tidak ada kotak-kotaknya. Seperti pada blog ini yang sudah banyak mengalami modifikasi. Aslinya template ini adalah Minima White, namun dengan utak-atik sana-sini akhirnya jadilah desain template yang lebih enak dipandang mata. Nah, anda bisa membuat area posting dalam kotak yang terpisah-pisah dengan penambahan beberapa kode CSS pada template.

Area Posting Dalam Kotak Terpisah
Ini bukan trik atau tips, tapi hanya masalah desain template saja. Seperti yang saya bilang tadi, yang perlu dilakukan hanya dengan menambahkan kode CSS untuk perintah membuat garis pembatas di sekeliling area posting sehingga nantinya area posting akan berada dalam kotak yang terpisah-pisah.

1. Login ke blogger dengan id anda
2. Silahkan tuju Tata Letak
3. Pada tab menu pilih Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Untuk backup, silahkan klik teks Download Template Lengkap
6. Cari kode ini :

   .post {
   margin:.5em 0 1.5em;
   border-bottom:1px dotted $bordercolor;
   padding-bottom:1.5em;
   }

   Hapus dan ganti dengan kode ini :

   .post {
   background:#fff url(http://i38.tinypic.com/2lt5wsl.jpg) repeat-x top;
   border:1px solid #0B610B;
   margin:0 0 0.5em;
   padding:0.5em;
   font-family:"Trebuchet MS";
   }

7. Berikutnya klik tombol Simpan Template
8. Selesai

Nah, disana saya telah menambahkan sedikit bonus untuk post header background. Semua kode itu bisa anda ganti lagi dan dibuang mana yang tidak perlu. Sebaiknya disesuaikan dengan desain template blog anda. Nah, di bawah ini saya kasih gambar ilustrasinya :

Post area template tanpa border


Post area dengan border dan header background


Bagaimana, nampakkan perbedaannya. Silahkan dicoba dulu, cuma dikit koq pasti berhasil. Untuk memudahkan edit template, gunakan link di bawah ini :
Kode warna untuk template blog
Border dan background pada template blog
CSS border padding dan margin

Silahkan utak-atik border area posting dan silahkan beri kombinasi yang lain biar makin mantap. Terimakasih dan semoga bermanfaat.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or