Udah lama nih engga pernah update, sekarang waktunya untuk kembali mengurusi blog ini. Sekarang saya ingin memberikan tutorial mengenai cara membagi post body atau kolom postingan menjadi berkolom-kolom seperti yang terpasang di Cellar Template. Oke langsung aja ya, seperti biasa kamu login aja dulu terus langsung masuk ke Edit Html.
Setelah itu cari kode seperti ini dan langsung tambahkan kode-kode yang saya beri warna merah
.post {
margin:.5em 10px 1.5em 0;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
width:48%;
float:left;
}
Lalu setelah itu cari lagi kode berikut ini dan tambahkan juga kode yang diberi warna oranye
.post-body {
margin:0 0 .75em;
line-height:1.6em;
height:150px;
overflow:hidden;
}
Setelah itu letakan kode html berikut di atas kode
<b:if cond='data:blog.pageType != "item"'>
<b:else/>
<style>
.post {margin:.5em 0px 1.5em; width:100%;}
.post-body {height:100%;}
</style>
</b:if>
Selesai, nah sekarang Itukan untuk 2 minipost untuk satu baris, bagaimana untuk 3 minipost dalam satu baris? tinggal ganti saja lebar 48% tersebut sekitar 32%. 4 minipost? ya sekitar 24.5% dan seterusnya.
pertamax....
BalasHapuskeren sob... kek kolom koran gitu ya...
Makin Kaya aja is...Tutornya..Simpan dulu ah, ntar diPraktekinnya...
BalasHapusComeng Balik is..!!!
wah postingan yg harus saya praktekan nih gan, thankz ya
BalasHapusiya juga bisa utk sidebar yah aisss
BalasHapushm.. bagus ne infony.. izin bookmark dolo ah., hehe
BalasHapuscontohnya gmn niy??? gak ngerti maksudnya mas ais...
BalasHapus@mas doyok : iya bisa juga tuh mas
BalasHapus@danuakbar : silahkan di bookmark mas
@kumpulan bisnis : ya kayak dihalaman depan blog ini jadi kotak2 gitu...
keren sobat...
BalasHapustp kl cmn di buat minipost satu post di atas posting asli kita bisa di trpkn g yah kira2??
menarik ni postingannya, ntar deh saya coba
BalasHapusiya kalo terpisah jadi kelihatan lebih rapi :)
BalasHapusSip ini ais, coba di blogq satunya ah.. terima kasih ais
BalasHapusIlmu baru nih. terima kasih
BalasHapusbagus tutorial dari sobatku yang satu ini.. lanjutkan sob..
BalasHapusnambah satu lagi nih master2 blogger
BalasHapusSekarang banyak master gentayangan yah,,,hehehe..
BalasHapusInfo menarik,tak coba langsung deh...
Wah boleh juga nih siais...!!!
BalasHapussippp nich infonya
BalasHapussip sip sip pokoke...
BalasHapuskeep blogging....
hmm terkadang membuat bingung cara membuat mini post nih tp sip deh untuk pembahasannya :D
BalasHapusmeski gua gaptekj,,akhir akhir ni gua doyan otak atik web..untung untung bisa bermanfaat
BalasHapuskeren ne triknya, trim yaw ais
BalasHapusDiatas kode apa? masih kurang paham!! :)
BalasHapusOtak-atik HTML memang seru. Tapi bagi blogger baru seperti saya sering kali tidak berani mencoba
BalasHapuswaduh koq tambah bingung ya...!!!
BalasHapusKoq beribet ya...
BalasHapusberguna banget nih sob triknya, makasih ya.
BalasHapus