Tutorial : Membuat Dua Kolom pada Postingan


Biasanya ketika kita menulis pada Ms.Word, hal biasa ketika kita membuat tulisan menjadi 2 kolom seperti di surat kabar.

Lalu bagaimana kalau di postingan blog ? Kamu bisa lihat contohnya di atas.
Nah, aku punya dua cara nih gaes ..

Cara Pertama :
1. Setelah Login Blog > Creat New Post
2. Pilih HTML (disamping Compose)


3. Copy Paste kode ini :
<table width="500" border="0" cellspacing="10">
<tr>
<td width="250" valign="top">kolom 1...</td>
<td width="250" valign="top">kolom 2...</td>
</tr>
</table>

4. Kemudian kembali ke Compose dan isi pada bagian Kolom 1 dan 2
5. Publish

Untuk Width bisa kamu sesuaikan dengan lebar single post blog kamu ya...


Cara Kedua :
1. Login Blog > New Post
2. Pilih HTML
3. CoPas kode di bawah ini :
<div style="-moz-column-count: 2; -moz-column-gap: 0px; -moz-column-rule-color: #cbcefb; -moz-column-rule-style: double; -moz-column-rule-width: 0px; -o-column-count: 2; -o-column-gap: 0px; -o-column-rule-color: #cbcefb; -o-column-rule-style: double; -o-column-rule-width: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; -webkit-column-rule-color: #cbcefb; -webkit-column-rule-style: double; -webkit-column-rule-width: 0px; column-count: 2; column-gap: 0px; column-rule-color: #cbcefb; column-rule-style: double; column-rule-width: 0px;">

4. Isi Postingan kamu
5. Publish

Untuk cara kedua, otomatis membuat postingan kamu jadi 2 kolom ya.. meskipun kamu tulis ke bawah.




Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

0 komentar:

Posting Komentar