Cara Membagi Kolom Pada Postingan Blogspot
Minggu, 16 Maret 2014
Edit
Membagi kolom pada postingan blog kadang diharapkan untuk satu keperluan. Seperti di blog ini, saya membagi kolom dalam satu halaman untuk menciptakan tampilan utama yang simple. Bisa Anda lihat disini, atau klik Home.
Membagi kolom pada postingan blog juga biasanya diharapkan oleh blogger yang mau blognya menyerupai tampilan koran atau majalah. Apapun alasan Anda untuk membagi kolom halaman postingan blog, semua dapat kita lakukan kali ini.
Beberapa script mengharuskan penggunaan kolom dipasang secara permanen didalam blog, artinya sesudah script itu ditanam dalam Edit HTML setiap kali menciptakan postingan, kolomnya akan terbagi otomatis.
Namun script yang akan kita gunakan kali ini, hanya dipakai pada ketika dibutuhkan. Dalam satu halaman pun, kita masih dapat memakai halaman full namun ada pembagian halaman didalamnya.
Skripnya menyerupai ini :
Cara memasangnya sama dengan menciptakan postingan di blog. Hanya saja mode untuk menjalankan script diatas kita diminta memakai mode HTML, bukan Compose. Namun sesudah memasukkan scriptnya ke HTML Anda dapat kembali lagi ke mode Compose.
Contoh script diatas hanya membagi halaman menjadi dua bagian. Anda dapat membaginya lebih dari dua dengan menambahkan <td valign="top" width="250">Kolom 3</td> kedalam script. Taruh sesudah kolom kedua tepatnya sesudah instruksi </td>.
Contoh Scriptnya :
Penjelasan Script :
Pada dasarnya, script diatas yaitu script untuk menciptakan tabel dalam postingan. Namun alasannya yaitu border tidak ditampilkan sehingga terlihat halaman sedang terbagi. Jika mempunyai pertanyaan, silahkan didiskusikan dibawah ini.
Sumber https://www.blogooblok.com/
Membagi kolom pada postingan blog juga biasanya diharapkan oleh blogger yang mau blognya menyerupai tampilan koran atau majalah. Apapun alasan Anda untuk membagi kolom halaman postingan blog, semua dapat kita lakukan kali ini.
Beberapa script mengharuskan penggunaan kolom dipasang secara permanen didalam blog, artinya sesudah script itu ditanam dalam Edit HTML setiap kali menciptakan postingan, kolomnya akan terbagi otomatis.
Namun script yang akan kita gunakan kali ini, hanya dipakai pada ketika dibutuhkan. Dalam satu halaman pun, kita masih dapat memakai halaman full namun ada pembagian halaman didalamnya.
Skripnya menyerupai ini :
<table border="0" cellspacing="10" style="width: 500px;"> <tbody>
<tr> <td valign="top" width="250">Kolom 1</td> <td valign="top" width="250">Kolom 2</td> </tr>
</tbody></table>
<tr> <td valign="top" width="250">Kolom 1</td> <td valign="top" width="250">Kolom 2</td> </tr>
</tbody></table>
Cara memasangnya sama dengan menciptakan postingan di blog. Hanya saja mode untuk menjalankan script diatas kita diminta memakai mode HTML, bukan Compose. Namun sesudah memasukkan scriptnya ke HTML Anda dapat kembali lagi ke mode Compose.
Lalu Lihat pada mode Compose
Contoh Scriptnya :
<table border="0" cellspacing="10" style="width: 450px;"> <tbody>
<tr> <td valign="top" width="150">Kolom 1</td> <td valign="top" width="150">Kolom 2</td> <td valign="top" width="150">Kolom 3</td> </tr>
</tbody></table>
<tr> <td valign="top" width="150">Kolom 1</td> <td valign="top" width="150">Kolom 2</td> <td valign="top" width="150">Kolom 3</td> </tr>
</tbody></table>
Penjelasan Script :
- border="0" : Angka nol dapat diganti menjadi satu atau angka lainnya sesuai keinginan. Ini artinya Anda memberi garis pembatas pada setiap kolom. Angka nol mengambarkan garis pembatas tidak nampak.
- cellspacing="10" : Angkanya juga dapat Anda rubah, semakin kecil atau semakin besar. cellspacing masih merupakan bab dari border, cellspacing artinya spasi antara sel dan tabel.
- width: 500px : Merupakan perintah lebar ukuran tabel yang dibuat. Anda dapat merubahnya sesuka hati, semakin besar angkanya maka semakin lebar ukuran pembagian halamannya, begitu juga pada setiap kolom, angkanya dapat Anda sesuaikan dengan lebar kolom secara keseluruhan.
Pada dasarnya, script diatas yaitu script untuk menciptakan tabel dalam postingan. Namun alasannya yaitu border tidak ditampilkan sehingga terlihat halaman sedang terbagi. Jika mempunyai pertanyaan, silahkan didiskusikan dibawah ini.
Sumber https://www.blogooblok.com/