TRIK Membuat Post Di Bagi Menjadi 2 Bagian

jumpa lagi nih sobat S3VTRIK ..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="5" cellspacing="5">
<tbody><br/>
<tr>
<td align="justify" valign="top" width="225"> artikel di bagian kiri</td>
<td align="justify" valign="top" width="225">artikel di bagian kanan</td>
<td align="justify" valign="top" width="225">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 kiriartikel 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

Best Seller