Membuat Postingan Bergaya Magazine

Berikut ini adalah sedikit tips untuk membuat 2 kolom atau lebih di postingan blog, khususnya WordPress.com. Sehingga Anda bisa membuat halaman yang bergaya layout magazine/koran. Contohnya seperti ini.

LoveCinta pada sesama kadang tak sekekal cinta pada Illahi. Datang silih berganti. Menghampiri dan kemudian pergi tanpa arti. Namun akan ada waktu dimana pencarian akan berakhir. Kapal yang mengarungi gelombang samudera cinta akhirnya menemukan tempat untuk berlabuh. Untuk melepas segala peluh dan resah. Akan tiba saatnya mengucapkan janji untuk saling menyayangi dan mencintai sepenuh hati. Untuk perjalanan kehidupan yang tersisa. Namun untuk mencari yang terbaik dan terindah untuk menemani hingga diujung senja tidaklah mudah. Harus dipilah dan dipilih. Ditimbang segala tingkah laku, kesucian hati serta kecantikan diri. Tidak hanya sekedar cinta semata. Cinta itu hanya pembuka pintu hati untuk melangkah ke mahligai cinta yang sebenarnya.

-------

Kode yang dipergunakan yaitu:

[sourcecode language="html"]<table width="400" border="0" cellspacing="10"><tr>
<td width="200" valign="top">Isi Kolom Pertama</td>
<td width="200" valign="top">Isi Kolom Kedua</td>
</tr></table>[/sourcecode]

Anda bisa menentukan lebar seluruh kolom pada <table width=”400″… dan lebar tiap kolom pada <td width=”200″… Isi dapat dituliskan pada Isi Kolom Pertama dan Isi Kolom Kedua.

Untuk membuat rata kanan kiri tambahkan style=”text-align: justify;” diantara <td dan width=”200″ sehingga kodenya <td style=”text-align: justify;” width=”225″ valign=”top”>Isi Kolom Pertama</td>.

Untuk menambah kolom tinggal kopi paste saja kode <td width=”200″ valign=”top”>Isi Kolom Ketiga</td> setelah baris ketiga di kode diatas dan widthnya disesuaikan.

Kodenya dimasukkan di mode html saja, kalau di mode visual kadang kodenya tidak jadi (hanya jadi text).

Semoga Bermanfaat

This entry was posted in blog and tagged . Bookmark the permalink.

54 Responses to Membuat Postingan Bergaya Magazine

  1. kopral cepot says:

    wah bagus nih .. hatur tangyu ilmu nya ;)

  2. kafein says:

    huah mantep pisan ini teh dicoba ah maz :D

  3. myfu says:

    link di plurk tidak sesuai dg konten

  4. udienroy says:

    kode HTML nya pakai TextArea mas biar kopi nya tinggal klik

  5. udienroy says:

    Kok postingnya campuraduk ada cinta segala hmm! Lagi jatuh cinta to?

  6. Hary4n4 says:

    tak coba copy paste pake operamodif, trus tak mskkan postingan…kodenya pada hilang…hehe :-)

    eh, tulìsanya ada romantis2an…apa ini sebuah tanda2 kalo mau…hmmm ;-)

    • Darmawan says:

      coba di masukkan di bagian html, siapa tahu bisa. atau lewat mobilenya wordpress. hehe itu buat iseng aja biar seger postingannya.

  7. info menarik, mas.

  8. Fadhl Ihsan says:

    Mas, apa urutan page itu emang berdasar abjad ya? Punyaku kan gini: beranda-daftar isi-fitur-mukadimah.
    Bisa gak kalo diubah urutannya jadi: beranda-mukadimah-daftar isi-fitur. Jd urutannya gak brdasar abjad lagi gituh. Jazakallahu khairan katsiran.

    • Darmawan says:

      iya mas, tp bisa juga diubah urutannya. dari dashboard kemudian page. klik quick edit dibawah tiap postingan. nanti ada order itu diisi angka 1,2,3 dsb. sesuai urutan yg diinginkan di tiap2 pagenya

  9. jupen8 says:

    ok jg… boleh dicontoh ne..

  10. Fadhl Ihsan says:

    Truz kalo mo naroh gambar dt4 judul blog kayak punya njnengan itu cranya gmn?

  11. Fadhl Ihsan says:

    Afwan mas ya.., isinya nanyak mulu. Kalo blog kita disusupin orang jahil (para hacker, misalnya) apa yg mesti kita lakuin pertama kali buat nyelamatin diri?

    • Darmawan says:

      kalau di wordpress.com spertinya agak jarang yg kena hack. tp kalau pakai hosting sendiri yg bagus memang harus selalu dibackup database dan lain2nya jika terjadi hal2 yg tidak diinginkan maka bisa dibalikin lagi dengan cepat. yang pertama2 dicek dl yang dihack dibagian apa saja. pertama2 kalau tampilannya eror maka diclose dl saja websitenya dengan halaman under maintance dsb. baru diperbaiki. passwordnya juga sebaiknya diganti.

  12. mang shanny says:

    wah hebat pa…………….

  13. diON says:

    Mas dah pernah coba script Rapidleech lum?! Itu kalau di kmputer localhost ada konfigurasinya g ky seting CMS/blog gitu?!

  14. roni says:

    maaf ga nyambung, tp mas dar bahas soal wifi dong…

  15. kanjengdoso says:

    Blognya sangat inovatif…salam kenal..dan…semoga terus BerJAYA
    Ironi: “Di Jember Ayam Kampus semakin marak, Harga mulai Rp. 300rb”

  16. sangbayou says:

    Q pernah pakè model magazine dr btemplate, udah auto read more. but desain wagu n tambah ribet. mo ke dasbor aja muter2

  17. Siwen says:

    Mo tanya mas.. Kode WML ma Jv-Scp apa mmang bda?

    • Darmawan says:

      berbeda, wml dipakai di situs2 wap, kalau java script biasanya dipasang di web. java scrip misalnya untuk memasang jam, countdown dsb

  18. Fadhl Ihsan says:

    Mas kalo mo buat font tebal itu kodenya (strong) ya? Tp aku coba kasih kode gitu kok jadi tebal semua sih sampai titik akhir. Misal kita mau nebalin kata WordPress pada kalimat: Cara login di WordPress yang gampang.
    Naruh kode (strong)nya di mana mas? Oya skalian kalo mo bikin font miring kodenya apa? Syukron banget..

  19. html1155 says:

    makasih sudah mau sharing mas…
    nyoba dulu…

  20. si petualang says:

    Oot mas. Kalo di worpdress.com atau .org bisa gak dipasang radio streaming?

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>