Salam satu hati buat sobat semua ,full blog design | kumpulan
tutorial pada pertemuan kali ini akan sedikit membahas tentang ,Caramembuat halaman postingan jadi 3 kolomdan semoga artikel ini bermanfaat
buat sobat yang mampir di blog ini, bila berkenan setelah membaca artikel ini
sobat bisa meluangkan untuk meninggalkan jejak pada kotak komentar dan Insya
Alloh saya akan berkunjung balik ke blog/web sobat sebagai tanda terima kasih
saya atas kunjungannya
Mungkin sobat penah lihat bentuk penulisan pada sebuah majalah atau
koran disitu dapat lihat beberapa Artikel atau keseluruhan artikel di tulis
dengan beberapa kolom sama halnya postingan full blog design kali ini
coba sobat perhatikan ,disini postingan di bagi menjadi 3 kolom ,hal ini juga
bisa di terapkan pada postingan yang ada di blog sobat
bahkan sobat bisa memodifikasi menjadi 2,3,bahkan 4 sesuai lebar template sobat.Cara nya cukup mudah dan very simple, sobat cukup meletakkan kode CSS di bawah ini tepat di atas kode ]]></b:skin> berikut kode nya :
#colom-articel {
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #c4c8cc;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #c4c8cc;
}
text-align: justify;
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #c4c8cc;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #c4c8cc;
}
Jangan lupa Save Template setelah sobat selesai meletakkan kode CSS
nya.
Perlu di perhatikan : kode tanda 3
warna biru di atas adalah bentuk atau jumlah
kolom yang ingin sobat tampilkan
sedang kode merah adalah
pembatas kolom sobat bisa ganti warnanya sesuai
keinginan
Dan yang terakhir jangan lupa setiap sobat membuat
postingan gunakan kode seperti di bawah ini
<div
id="colom-articel"> mulai penulisan artikel disini </div>
Selamat mencoba semoga berhasil wassalam.
>>> Mungkin sampai disini dulu full blog design | kumpulan
tutorial menyampaikan tentang Caramembuat halaman postingan jadi 3 kolom kali ini, semoga bermanfaat bagi
sobat semua ……
1 comments:
artikel ente bagus bagus gan,,,, ane baru tau kalo bisa di bikin begitu....
ReplyPost a Comment