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.
- Login ke blogger dengan id anda
- Silahkan tuju Tata Letak
- Pada tab menu pilih Edit HTML
- Klik kotak kecil Expand Template Widget
- Untuk backup, silahkan klik teks Download Template Lengkap
- Cari kode ini :
.post {
Hapus dan ganti dengan kode ini :
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}.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";
} - Berikutnya klik tombol Simpan Template
- Selesai
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:
or or
2 comment:
bang del makasih infonya kmren ya(buat readmore) tapi pas nyoba buat Tampil hanya judul postingan ja kq ndk bisa mohon pencerahanya ya thanks.
blog anda keren bangetzzzzzzz
jng lupa di krm ke email: kasihcell@yahoo.co.id
Salam Kenal Ya Mas,Sekalian Tukeran Link ^_^
Post a Comment