Hallo sobat AHS,,
jumpa lagi nih..kali ini saya mau membagikan tutorial tentang
Cara Membuat Post Di Bagi Menjadi 2 Bagian
ya,,sobat tutorial ini seperti membuat postingan kita menjadi 2 bagian,,..seperti pada koran/majalah..
memang tutorial ini jarang dipake,,karena memang tutorial ini untuk style blog
Blogazine
apa itu Blogazine??
Blogazine adalah style dimana suatu blog/website yang konten/postnya menggunakan fungsi full css,,tetapi untuk membuat seperti itu tidaklah mudah ._.
Oke,,sekarang simak ya tutorialnya,
Cara Membuat Post Menjadi 2 Bagian
- pertama jelas login blogger
- lalu,,buka dashboard anda > New Post
- setelah itu copy kan kode dibawah ini,di menu HTMLnya bukan di Compose
<table border="1px" cellpadding="10" cellspacing="10">
<tbody><br/>
<tr>
<td align="justify" valign="top" width="250"> artikel di bagian kiri</td>
<td align="justify" valign="top" width="250">artikel di bagian kanan</td>
</tr><br/>
</tbody>
</table>
Keterangan :
- border="1px": merupakan kode ketebalan garis, anda ganti ukurannya, atau bisa juga dihilangkan jika kurang suka
- cellpadding="10" : untuk mengatur jarak antara tepi kolom dengan tulisan
- cellspacing="10" : untuk mengatur jarak antara dua kolom
- align="justify" (rata dikiri dan dikanan) : untuk mengatur perataan artikel, dapat anda ganti dengan left (rata kiri), right (rata kanan) atau center (tengah)
- valign="top" (rata atas) : untuk mengatur perataan vertikal, dapat anda ganti dengan bottom (rata bawah atau middle (rata tengah)
Versi Lain
- saya anggap anda sudah berada di post
- copy kode dibawah ini
<style type="text/css">#multikolom{-moz-column-count:2;-moz-column-gap: 1em;-moz-column-rule: 1px solid black;-webkit-column-count: 2;-webkit-column-gap: 1em;-webkit-column-rule: 1px ;} </style>
<div id="multikolom">Tulisan anda disini</div>
- lalu,, paste kan di HTMLnya
- done
Keterangan :
Pada cara yang kedua ini, anda hanya tinggal memasukkan tulisan menggantikan "Tulisan anda disini"
Demo
Versi 1/Paling Atas
| artikel di bagian kiri |
artikel di bagian kanan |
Versi 2/Bawahnya
Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini
Editor Note
sudah keliatan kan sobat AHS perbedaannya :v
ya,, sukur" anda mau cobain tutorial ini,kalo tidak ya ngga papa, cuman awas kalo ngga komen!
komen ya :v *canda bero :v
Oke,,sampai disini dulu ya sobat,,semoga bermanfaat.