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.
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.
Editor : al ghifari.
Artikel Cara Membagi Posting Menjadi 2 Kolom Kiri & Kanan ini 100%
bukan hasil copy paste
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;
19 comments
Kunjunagn Balik mas, Mat malam!
baru denger ada cara buat membagi postingan jd 2, kreatif artikel dan perlu dicoba
mantep
@kang topjer masa sih kang baru denger cara membuat posting 2 kolom,hehe..
terima kasih kunjungan dan komentarnya.
Hahaha.. Benar2 kreatif.., cuman font nya kekecilan, mata jadi cepat lelah.. :D
@blog bandaro disesuaikan dengan lebar area posting mas,hehe..
kalau lebih luas, font nya bisa dibuat lebih besar.
terima kasih komentarnya.
wah bagus gan tapi lucu juga ya namanya belah duren xixixixixi
@rohmad aini Kalau namanya belah posting kaya'nya kurang menarik mas, hehe..
terima kasih banyak atas tambahan komentarnya.
mantap mas. saya bookmar dlu .
@Yogie G. Kurniawan Silahkan mas Yogie, terima kasih komentar nya.
ow jadi begutu ya gan
saya baru tau nih
maklum baru 2 minggu jadi blogger
cara buat M besar kyak gtu gmana mas??
@guntaraajie-version Tutorialnya ada di sini mas, http://theseoart.blogspot.com/2012/12/huruf-besar-awal-posting.html
silahkan,
sob,, kalo seumpama tanpa edit template gimana ya caranya.. tq
jadinya mirip seperti koran nih bro.. hehe
@Satujuan IM Pada tutorial di atas saya memberikan cara membagi postingan tanpa edit template mas, cara nya dengan memasukan kode berikut pada mode HTML saat menulis posting
<div class="belahduren">
isi dengan postingan anda di sini
</div>
<style type="text/css">
.belahduren
{
-moz-column-width:195px;
-webkit-column-width:195px;
column-width:195px;
}
</style>
namun jika ingin praktis, bisa menyimpan kode
.belahduren
{
-moz-column-width:195px;
-webkit-column-width:195px;
column-width:195px;
}
di atas tag ]]></b:skin>
di template, agar nantinya jika ingin membagi postingan cukup dengan menulis
<div class="belahduren">
isi postingan di sini
</div>
pada mode HTML.
@Azim Kurang lebih inginnya seperti itu,hehe..
terima kasih atas komentarnya mas Azim
Makasih tutornya bro, saya suka tampilan post di homepage 2 kolom :D
Ada yang lebih gampang dan praktis Gan. Coba lihat disni:
http://goo.gl/S3Se23