Penulisan kalimat yang terdiri dari beberapa kolom ini sering kita temukan pada penulisan
di majalah atau koran. Selain membuat tulisan kelihatan lebih menarik, juga disebabkan
karena lebar area yang memungkinkan. Walaupun pada area posting di blog umumnya tidak seluas
area pada majalah maupun koran, tapi kita juga bisa menerapkan hal ini pada saat kita
menulis postingan. Contohnya seperti saat ini, tulisan posting ini terbagi menjadi 2 kolom.
Cara membuatnya adalah sebagai berikut :
di majalah atau koran. Selain membuat tulisan kelihatan lebih menarik, juga disebabkan
karena lebar area yang memungkinkan. Walaupun pada area posting di blog umumnya tidak seluas
area pada majalah maupun koran, tapi kita juga bisa menerapkan hal ini pada saat kita
menulis postingan. Contohnya seperti saat ini, tulisan posting ini terbagi menjadi 2 kolom.
Cara membuatnya adalah sebagai berikut :
1. Masuk ke Edit HTML.
2. Cari kode </head>
3. Letakkanlah kode berikut
di atas kode </head> tersebut,
lalu simpan template anda.
<style type='text/css'>
.column
{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
</style>
KETERANGAN :
Angka 2 pada kode di atas menandakan
nantinya posting terbagi 2 (dua) kolom.
Gantilah angka tersebut sesuai dengan
banyaknya kolom yang anda inginkan.
4. Saat anda menulis pada postingnya,
sisipkan diantara tulisannya
kode sebagai berikut :
<div class="column">.................................</div>
Contohnya seperti ini :
<div class="column">
Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.Tulis kalimat anda dan letakkan kalimat tersebut di sini.</div>
Selamat mencoba, good luck!
thx gan tutornya :)
BalasHapuskeren ya... kreativ banget ... makasih ilmunya...
BalasHapusthanks a lot for the info,, permit try yaa ....
BalasHapusthanks a lot for the info,, permit try yaa ....
BalasHapus