Tips trick kali ini tentang cara Membagi postingan menjadi beberapa Kolom dengan trick ini maka postingan kalian akan lebih mirip dengan koran dan para blogger yang menerapkan konsep Blogazine tentunya menggunakan trick ini pada post mereka. Sebelumnya saya sudah memposting tentang cara Membuat huruf awal Besar bergaya Koran
Ngomong ngomong ngerti gak nih maksud tricknya kayak gimana ? ya? tidak? kalo tidak perhatikan Beberapa tulisan berikut
Nah dah ngerti kan. Sekarang langsung saja ke cara pembuatannya
Ngomong ngomong ngerti gak nih maksud tricknya kayak gimana ? ya? tidak? kalo tidak perhatikan Beberapa tulisan berikut
Hukum Newton diterapkan pada benda yang dianggap sebagai partikel, dalam evaluasi pergerakan misalnya, panjang benda tidak dihiraukan, karena obyek yang dihitung dapat dianggap kecil, relatif terhadap jarak yang ditempuh. Perubahan bentuk (deformasi) dan rotasi dari suatu obyek juga tidak diperhitungkan dalam analisisnya. Maka sebuah planet dapat dianggap sebagai suatu titik atau partikel untuk dianalisa gerakan orbitnya mengelilingi sebuah bintang.
Nah dah ngerti kan. Sekarang langsung saja ke cara pembuatannya
- Login ke akun blogger masing masing
- Dashboard >> Posting >> Edit HTML
- Masukkan kode berikut
<style>
.kolom {
margin-top: -30px;
margin-bottom: 10px;
padding: 20px;
background: #fff;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}
</style>
<div class="kolom">
<b class="bold">Header Kolom 1</b>
Simpan Artikel Kamu Disini.
<b class="bold">Header Kolom 2</b>
Simpan Artikel Kamu Disini.
<b class="bold">Header Kolom 3</b>
Simpan Artikel Kamu Disini.
</div>
- Lalu ganti Header Kolom 1, 2, dan 3 dengan header atau judul kolom kamu (jika tidak perlu silahkan dihapus)
ganti Simpan artikel kamu disini dengan artikel mu.
3 adalah jumlah kolom, ganti sesuai keinginan mu. - Jika sudah silahkan Terbitkan Entri.
Mungkin sekian dulu Tips Trick kali ini.
sep bagi CSS Grid nih , +1
BalasHapusjadi kyk koran ya tampilannya,, mantab,, keren sob,, ntar mau bikin juga ahh custom post,, hehehhe,, :D
BalasHapus@Mbah Qopet sorry ralat "pake CSS Grid lebih enak ane kasih +1"
BalasHapus@Rama88 Sipp sob. ^_^
BalasHapus@Mbah Qopet Css Grid apaan tuh mbah ??
BalasHapus@Admin - Sc zone udah ane jawab di Facebook :)
BalasHapus@Mbah Qopet Sip hhe.
BalasHapusAsik dan Mantap gan
BalasHapuskeren tutorialnya, siap dicoba
BalasHapusMantap infonya kawan
BalasHapus@Zh!nTho Sip Thx sobat
BalasHapus@Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia Sip di coba ya.
BalasHapus@Azis Grafis Sip
BalasHapuswah mantap kustom postnya jangan lupa lihat custom post saya :D dan beri sedikit koment :D
BalasHapuswhewww.. bagus artikelnya.
BalasHapusheader kolom itu judul kolom? atau baris pertama kolom???
trus kalo 'jika tidak perlu silahkan dihapus' itu yang dihapus yang mananya ya??? *gaptekbangetnihgakngertihtmlsamasekali :'(
@Efek Animasi Keyframes Sip,,
BalasHapusmampir lagi ah , nunggu makanan baru
BalasHapus@Mbah Qopet Gk ada bahan. belum kepasar hhe ^_^
BalasHapuswaah..kereen... :D
BalasHapus@Andi K Herlan Thanks...
BalasHapusikutan ngeramein gan,, hehehe (maaf oot) =))
BalasHapuswaduh ru tau kalu bisa bgini, jadi ngerasa kecil banget dalam blogging masih perlu banyak belajar dari agan2 senior semua
BalasHapussalam kompak :)
@Rama88 JIahh hahaha gk papa deh
BalasHapus@Wahyu aku juga Newbie gan. Salam kompak
BalasHapuswah, keren banget mas, hehehee
BalasHapustapi kalo saya ngga salah liat, itu </div> kok ada 2 yah, terus -moz-column-count sama -webkit-column-count dibuat sama aja biar tampilan di mozilla / chrome ttp sama, heheee :D
makin keren aja nih ;)
makasih infonya . .
@Ladida C Oh iy iy sip thanks master atas pujian dan pemberitahuannya.
BalasHapus@Admin - Sc zone ehehehee...
BalasHapusmaster katanya, ngga kok, cuman koreksi aja, sipp udah diperbaiki ;)
kolom utk paragraf memang terkesan beda daripada umum, jadi terlihat unik :D
keren ne postingannya..
BalasHapus:D
@I WAYAN AGUS GERDIAN Makasih ya sob ^_^
BalasHapus@Ladida C Jelas ente master. apalagi di Blogazine hehehe.
BalasHapuskalau untuk WP gmana ya sob?
BalasHapus@Karyaku UMY maaf sob kalo soal WP saya kurang paham.
BalasHapuswaaahhh keren jadi model beberapa koran gitu ya :D ane suka stylenya
BalasHapus@Farixsantips Iy gan, makasih ya
BalasHapusmuantef tenan gan
BalasHapus@Admin - Sc zonebisa bikin seperti majalah gak sob?
BalasHapusOh ternyata hanya untuk postingan ya sob? bukan untuk home page, home page standarkan cuman satu halaman untuk postingan, kalo mau dibuat dua kolom minimal nah tuh mantap gan..
BalasHapus