Membuat Postingan Gaya Majalah

11/12/2010 Blogger Tips Trik Blog Tutorial Blogger
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



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

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Artikel Terkait

Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

3 comments

first of all i will say u have done a fantstic work,i like all posts,all are excellent,well just phenomenal,go ahead.

Balas

nice blog,,,

jgn lupa beri komentar tentang blog saya,, makasih

http://magicxxcyber.blogspot.com

Balas

Terima kasih sob, sudah saya coba dan berhasil walau tidak seindah punya sobatku.. jangan lupa kunjung balik

Balas