Jumat, 12 November 2010
Selamat siang dan selamat beraktifitas. pada siang ini saya akan memebrikan sebuah tips trik sederhana untuk para blogger pemula seperti saya ini. kali ini saya akan membahas Postingan Gaya Mahalah, kenapa saya ambil judul seperti ini yaa mungkin yang akan kita bahas pada kesempatan ini tentang postingan yang mirip seperti Majalah majalah. hehe
Tapi kalau sering orang bilang si postingan seperti ini yaitu Membagi kolom menjadi dua bagian. Berhubung bagi saya judul seperti itu terlalu panjang makanya saya ambil judul lain. "Main Hakim Sendiri Dunk" wkwkwkwk, biarinlah yang penting ada kemiripannya OK.
Ada dua cara untuk menampilkannya, tinggal sobat pilih mana yang paling disukai atau cocok di hati sobat. Dibawha ini adalah contoh postingan yang kita bahasa sekarang :
CONTOH 1
| Terlihat jelas bahwa blog adalah bagian social media. Blog adalah salah satu penemuan pertama yang dimasukkan dalam beberapa jenis dan kategori social media. Blog sendirilah yang mempelopori terbentuknya jaringan pertemanan seperti Friendster. Saya rasa semua kita mengenal Friendster. Mungkin karena semakin banyaknya model sosial media yang berkembang, orang tidak lagi melihat blog sebagai bagian dari sosial media. Pemahaman yang salah. | Blog adalah social media terbaik untuk menyampaikan konten berita secara update. Di sisi lain, situs jejaring sosial seperti facebook dan friendster bisa digunakan untuk mengekspos konten berita dari blog agar dapat dijangkau oleh banyak pembaca. Mudah-mudahan melalui tulisan ini, kita bisa menyamakan pandangan bahwa blog merupakan bagian penting dan pelopor terciptanya social media seperti friendster dan facebook. |
CONTOH 2
Terlihat jelas bahwa blog adalah bagian social media. Blog adalah salah satu penemuan pertama yang dimasukkan dalam beberapa jenis dan kategori social media. Blog sendirilah yang mempelopori terbentuknya jaringan pertemanan seperti Friendster. Saya rasa semua kita mengenal Friendster. Mungkin karena semakin banyaknya model sosial media yang berkembang, orang tidak lagi melihat blog sebagai bagian dari sosial media. Pemahaman yang salah.
Blog adalah social media terbaik untuk menyampaikan konten berita secara update. Di sisi lain, situs jejaring sosial seperti facebook dan friendster bisa digunakan untuk mengekspos konten berita dari blog agar dapat dijangkau oleh banyak pembaca. Mudah-mudahan melalui tulisan ini, kita bisa menyamakan pandangan bahwa blog merupakan bagian penting dan pelopor terciptanya social media seperti friendster dan facebook
Blog adalah social media terbaik untuk menyampaikan konten berita secara update. Di sisi lain, situs jejaring sosial seperti facebook dan friendster bisa digunakan untuk mengekspos konten berita dari blog agar dapat dijangkau oleh banyak pembaca. Mudah-mudahan melalui tulisan ini, kita bisa menyamakan pandangan bahwa blog merupakan bagian penting dan pelopor terciptanya social media seperti friendster dan facebook
Keduacontoh di atas menggunakan kode-kode yang berbeda :
Contoh 1 : menggunakan kode untuk pembuatan tabel.
Contoh 2 : menggunakan kode css.
Hruf besar yang tampil diawal artikel, silahkan pelajari Membuat DROP CAP Pada Postingan
Sekarang silahkan anda simak kode-kode yang digunakan pada kedua contoh di atas
Kode yang digunakan pada CONTOH 1
<table border="1px" cellpadding="10" cellspacing="10"><tbody><br> <tr> <td align="justify" valign="top" width="250"> artikel di bagian kiri</td><td align="justify" valign="top" width="250">artikel di bagian kanan</td> </tr><br> </tbody></table>
1. border="1px": merupakan kode ketebalan garis, anda ganti ukurannya, atau bisa juga dihilangkan jika kurang suka.
2. cellpadding="10" : untuk mengatur jarak antara tepi kolom dengan tulisan
3. cellspacing="10" : untuk mengatur jarak antara dua kolom
4. align="justify" (rata dikiri dan dikanan) : untuk mengatur perataan artikel, dapat anda ganti dengan left (rata kiri), right (rata kanan) atau center (tengah).
5. valign="top" (rata atas) : untuk mengatur perataan vertikal, dapat anda ganti dengan bottom (rata bawah atau middle (rata tengah).
6. width="205" : untuk mengatur lebar masing - masing kolom
Kode yang digunakan pada CONTOH 2
<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 sobat disini</div>
Pada cara yang kedua ini, anda hanya tinggal memasukkan tulisan menggantikan "Tulisan sobat disini"
Selamat mencoba, semoga bermanfaat
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Membuat Postingan Gaya Majalah
