Cari Blog Ini

My Best Friend

Arsip Blog

Diberdayakan oleh Blogger.

Label

Traffic Visitor

Flag Counter
10 Mar 2013

Cara Membagi Posting Menjadi 2 Kolom Kiri & Kanan

Menambah kembali tutorial untuk merubah tampilan artikel dalam sebuah blog,  kali ini saya akan memberikan cara membagi posting menjadi 2 kolom.


MEMBUAT 2 KOLOM POSTING



Sebenarnya, posting dalam sebuah blog bukan hanya bisa di bagi menjadi 2 kolom, namun yang harus diperhatikan adalah lebar dari bagian post terkecuali anda menghilangkan sidebar terlebih dahulu menggunakan conditional tag dan pengkodean CSS.

Dengan kreatifitas, anda bahkan dapat memberikan latar pada posting menggunakan paper pattern hingga terkesan seperti sebuah artikel dalam surat kabar.

Mari menuju ke tutorial

Seperti biasa, saya menggunakan pengkodean css di akhir posting dalam mode HTML untuk merubah tampilan artikel hingga tidak perlu melakukan modifikasi pada template blog. Pertama tama kita tambahkan tag

<div class="belahduren"> 

pada mode HTML saat menulis posting, kemudian lanjutkan tulis artikel yang akan anda bagi menjadi dua kolom di bawah kode tersebut.

Setelah selesai, untuk melengkapi markah di atas, kita tutup postingan tersebut dengan tag </div>

Kemudian, di bawah tag penutup</div> tersebut, kita tambahkan pengkodean CSS berikut dalam mode HTML :

<style type="text/css">
.belahduren
{
-moz-column-width:195px;
-webkit-column-width:195px;
column-width:195px;
}

</style>

dan artikel anda pun siap untuk di publish.

Sebagai catatan, anda dapat menyimpan kode berwarna biru (hanya yang berwarna biru) di atas pada template blog anda di atas tag

]]></b:skin>

namun untuk membagi posting menjadi 2 kolom anda harus tetap mengapit posting anda dengan
<div class="belahduren"> </div>

Semoga bermanfaat.

0 komentar: