Membuat Postingan Bergaya Magazine
8 November 2009
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.
 Cinta 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:
<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>
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
52 Comments Add your own
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed
1.
kopral cepot | 8 November 2009 at 21:04
wah bagus nih .. hatur tangyu ilmu nya
2.
NgeBlogViaPONSEL | 13 November 2009 at 22:17
Sing koyo ngene iki sing tak goleki
3.
kafein | 8 November 2009 at 21:10
huah mantep pisan ini teh dicoba ah maz
4.
myfu | 8 November 2009 at 21:18
link di plurk tidak sesuai dg konten
5.
Darmawan | 8 November 2009 at 23:02
masih nyambung2 dikit hehe
6.
udienroy | 8 November 2009 at 21:55
kode HTML nya pakai TextArea mas biar kopi nya tinggal klik
7.
Darmawan | 8 November 2009 at 23:02
text area tidak mau di themes ini, jadinya hilang. rada mumeti hehe
8.
udienroy | 8 November 2009 at 22:00
Kok postingnya campuraduk ada cinta segala hmm! Lagi jatuh cinta to?
9.
Darmawan | 8 November 2009 at 23:07
biar seger postingannya
10.
jurug | 13 November 2009 at 8:14
keren dan seger deh.. lain dari pada yang lain…
bisa dicoba pas dlm bentuk quote gk mas ??
11.
Darmawan | 13 November 2009 at 10:52
bisa juga, didalam tabel dikasih quote. atau tabel dalam quote
12.
Hary4n4 | 9 November 2009 at 2:45
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
13.
Darmawan | 9 November 2009 at 20:29
coba di masukkan di bagian html, siapa tahu bisa. atau lewat mobilenya wordpress. hehe itu buat iseng aja biar seger postingannya.
14.
BaNi MusTajaB | 9 November 2009 at 5:38
info menarik, mas.
15.
Fadhl Ihsan | 9 November 2009 at 5:38
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.
16.
Darmawan | 9 November 2009 at 20:28
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
17.
jupen8 | 9 November 2009 at 7:49
ok jg… boleh dicontoh ne..
18.
Fadhl Ihsan | 9 November 2009 at 8:42
Truz kalo mo naroh gambar dt4 judul blog kayak punya njnengan itu cranya gmn?
19.
Darmawan | 9 November 2009 at 20:21
itu ada di bagian appereance – change header. tp tergantung themesnya. ada yg bisa ada yg tidak ada headernya
20.
Fadhl Ihsan | 9 November 2009 at 8:46
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?
21.
Darmawan | 9 November 2009 at 20:05
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.
22.
mang shanny | 9 November 2009 at 9:19
wah hebat pa…………….
23.
diON | 9 November 2009 at 14:38
Mas dah pernah coba script Rapidleech lum?! Itu kalau di kmputer localhost ada konfigurasinya g ky seting CMS/blog gitu?!
24.
Darmawan | 9 November 2009 at 19:47
pernah nyoba, tp kalau dicoba di localhost maka akan sama saja download langsung mas.
25.
roni | 9 November 2009 at 17:40
maaf ga nyambung, tp mas dar bahas soal wifi dong…
26.
Darmawan | 9 November 2009 at 19:45
nanti lain waktu membahas mengenai wifi mas, agak jarang pakai wifi jd belum utak atik lebih lanjut
27.
kanjengdoso | 9 November 2009 at 20:21
Blognya sangat inovatif…salam kenal..dan…semoga terus BerJAYA
Ironi: “Di Jember Ayam Kampus semakin marak, Harga mulai Rp. 300rb”
28.
sangbayou | 9 November 2009 at 20:43
Q pernah pakè model magazine dr btemplate, udah auto read more. but desain wagu n tambah ribet. mo ke dasbor aja muter2
29.
Darmawan | 10 November 2009 at 20:10
dl pernah nemu yg sekalian readmore, namanya: nomagazine , ada di btemplates
30.
Siwen | 9 November 2009 at 20:53
Mo tanya mas.. Kode WML ma Jv-Scp apa mmang bda?
31.
Darmawan | 10 November 2009 at 20:08
berbeda, wml dipakai di situs2 wap, kalau java script biasanya dipasang di web. java scrip misalnya untuk memasang jam, countdown dsb
32.
Fadhl Ihsan | 9 November 2009 at 21:03
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..
33.
si petualang | 10 November 2009 at 18:25
Ikut njawab ya.. Cara login di WordPress yang gampang. Intinya tuh diawali kode strong terus diakhiri kode /strong juga. Kalo kode /strong nya di akhir kalimat ya yg tebel sampe akhir kalimat. Cara gampang nyari kodenya, blok tulisan yg mau dimiringkan di visual mode, trus klik tanda miring, habis itu ganti ke html mode, nah ntar keliatan kodenya..
34.
si petualang | 10 November 2009 at 18:28
Cara login di (strong)Wordpress(/strong) yang gampang
35.
Darmawan | 10 November 2009 at 20:07
tebal (b)isi text(/b) kalau miring (i)miring(/i) tanda kurungnya diganti ><
36.
si petualang | 12 November 2009 at 19:31
O bisa langsung pake b atau i tho..? I see i see
37.
html1155 | 10 November 2009 at 0:36
makasih sudah mau sharing mas…
nyoba dulu…
38.
si petualang | 10 November 2009 at 18:35
Oot mas. Kalo di worpdress.com atau .org bisa gak dipasang radio streaming?
39.
Darmawan | 10 November 2009 at 19:32
sepertinya tidak bisa kalau java script, namun kalau link ke sebuah radio masih bisa
40.
Mansuka | 11 November 2009 at 5:53
Mas kodenya dah dibenerin to ya? Kmarin kupasang di blogspot tapi kayaknya tbody nya ketutup 2 kali ,jadi tablenya hancur. .Tapi kayaknya kode diatas dah mas benerin to
tapi saya br kepikiran pake table untuk postingan,biasanya untuk gambar,dll .
Top mas ,jadi template magazine bisa lebh optimal. . .
ni liat juga di postingan blogspot saya
http://mansuka.blogspot.com/2009/11/dua-blog-baru-dengan-spesifikasi-khusus.html
41.
Darmawan | 11 November 2009 at 10:04
kayake sama saja mas, wpnya yg kadang suka aneh kalau nampilin kode. suka sering hilang.
42.
Mansuka | 11 November 2009 at 11:23
Wah kalau kodenya masih sama, berarti di blogspot kode (/tbody) harus dipasang di akhir saja. .
Karena di kode mas yg kmarin ku copy ada 2 (/tbody),tapi sekarang dah bisa dipasamg di blogspot
43.
Darmawan | 11 November 2009 at 18:17
kadang suka agak beda kodenya, jadi perlu diutak atik sedikit.
44.
TupaiTambun | 14 November 2009 at 8:57
sudah saya coba.. tapi ga muncul2 ya kang?? tapi saat ini saya nulis pake wlw (windows live writer), jadi bikin table lebih mudah..
45.
Darmawan | 14 November 2009 at 11:09
coba pakai yang html mas, jadi dikopi pastenya di html
46.
pamsceng | 15 November 2009 at 6:50
waaw… makasi infonya mas..
kapan2 dicoba ach…
47.
halwan94 | 15 November 2009 at 11:20
Thank yov. Lo di hp bisa ga?
48.
Darmawan | 17 November 2009 at 13:11
bisa juga, asal blognya mendukung
49.
sisableng | 16 November 2009 at 8:00
Muantabs!
50.
dj master | 19 November 2009 at 13:09
hebat mas.boleh saya coba nich. tapi editnya di style css ya?
51.
Darmawan | 19 November 2009 at 15:08
di htmlnya langsung mas
52.
noank | 20 November 2009 at 13:32
wah.. mantabh.
tp syg ak lum bs bkinnya