seMembongkar Koran
Hanya dua teknik yang dipakai untuk membuat koran2an, yaitu teknik membagi area posting menjadi kolom dan teknik pengaturan antar paragraf. Yang lainnya relatif standar seperti kalau kita membuat postingan biasa, yaitu mengatur perataan, pewarnaan dan jenis font.
Inilah kode untuk membagi area posting menjadi tiga kolom. <table border="0" width="100%"><tr>
Tiap kolom perlu ditambah padding agar teks masing2 kolom tidak saling menempel. Perhatikan angka2 paddingnya yang tak sama antara kolom satu dengan lainnya. Dengan angka seperti yang saya buat itu, akan dihasilkan jarak antar kolom adalah 9px.
Dan ini kode untuk mengatur paragrafnya <p style="text-align: justify;font-family:georgia;padding-top:4px;padding-bottom:0px;padding-left:0px;padding-right:0px;line-height: 120%;font-size:90%;">letakkan teks di sini</p> Besarnya % harus disesuaikan dengan ukuran default theme yang dipakai. Angka2 tersebut tak mesti pas dengan theme yang sahabat pakai sehingga perlu penyesuaian. Untuk lebih jelasnya sahabat bisa mempelajari secara detail contoh berikut. NAMA KORAN deskripsi koran kita tulis deskripsi topik 1 di sini sebanyak yang Anda suka, seberapa Anda mau tulis deskripsi topik 2 di sini sebanyak yang Anda suka, seberapa Anda mau tulis deskripsi topik 3 di sini sebanyak yang Anda suka, seberapa Anda mau footer Inilah kodenya <hr /><p style="text-align: center;font-family:georgia;padding-left:0px;padding-top:0px;padding-right:0px;line-height: 110%;font-size:150%;"><span style="color: #383838; font-family: verdana;"><strong>NAMA KORAN</strong></span></p><p style="text-align: center;font-family:georgia;padding-left:0px;padding-top:0px;padding-right:0px;line-height: 40%;font-size:110%;"><span style="color: #cc0000; font-family: georgia;">deskripsi koran kita</span></p><hr /><table border="0" width="100%"><tr>
Untuk menambah topik tinggal copy paste topik yang sudah ada dan diedit seperlunya. Selamat mencoba dan semoga bermanfaat. Saya yakin tak semua membutuhkan, tapi saya juga yakin tak semua menolaknya.
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:6px;">kolom pertama</div></td>
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:3px;padding-right:3px;">kolom kedua</div></td>
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:6px;padding-right:0px;">kolom ketiga</div></td>
</tr></table>
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:6px;"><div style="overflow:auto;background:#63696b;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:3px;border:1px solid #63696b"><span style="color: #ffffff; font-family: georgia;">TOPIK I</span></div>
<p style="text-align: justify;font-family:georgia;padding-left:0px;padding-top:4px;padding-right:0px;line-height: 120%;font-size:90%;"><font color="black">deskripsi topik I</font></p></div></td>
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:3px;padding-right:3px;"><div style="overflow:auto;background:#63696b;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:0px;border:1px solid #63696b"><span style="color: #ffffff; font-family: georgia;">TOPIK II</span></div><p style="text-align: justify;font-family:georgia;padding-left:0px;padding-top:4px;padding-right:0px;line-height: 120%;font-size:90%;"><font color="black">deskripsi topik II</font></p></div></td>
<td width="33%" valign="top"><div style="overflow:auto;padding-top:0px;padding-bottom:0px;padding-left:6px;padding-right:0px;"><div style="overflow:auto;background:#63696b;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:0px;border:1px solid #63696b"><span style="color: #ffffff; font-family: georgia;">TOPIK III</span></div>
<p style="text-align: justify;font-family:georgia;padding-left:0px;padding-top:5px;padding-right:0px;line-height: 120%;font-size:90%;"><font color="black">deskripsi topik III</font></p></div></td></tr></table><hr /><p style="text-align: center;font-family:georgia;padding-left:0px;padding-top:0px;padding-right:0px;line-height: 40%;font-size:100%;">footer</p><hr />
wis embuh lah…sing penting pertamax
[Reply]
Oyen Reply:
March 15th, 2010 at 21:05
aku bar numpak angkot rodo loro….jadi isih mumet, tak woco yo ra mudheng
[Reply]
Oyen Reply:
March 15th, 2010 at 21:06
sing penting aku pesen undangan online sing gambare obah-obah
[Reply]
Oyen Reply:
March 15th, 2010 at 21:07
ethok-ethoke Oyen kembar 4, dadi komeng dhewe-dhewe
pgn nyobain siyh, mas…
tapi berhubung saia gaptek, baca kodenya ajah udah pusing…hihihi
nyerah deh…
[Reply]
Mars Reply:
March 16th, 2010 at 08:03
Selamat mencoba…
Yg merasa gaptek biasanya malah nggak gaptek…
[Reply]
akhirnya tahu jeroan koran tjap koepoe2. ternyata seperti itu to. mumet aku
[Reply]
wah…..wis buka-bukaan source code….. bukaan opo meneh ngesok…
[Reply]
Mars Reply:
March 16th, 2010 at 08:08
Buka penjualan bibit lele…
[Reply]
Mars Reply:
March 16th, 2010 at 08:09
Aku meh komentar ning nggonamu kangelan, mergane blogmu bahasa Inggris
[Reply]
(maaf) izin mengamankan KELIMAAAXXXZ dulu. Boleh kan?!
Saya memang belum membutuhkan format seperti ini tapi bukan berarti saya menolaknya.
Ini komentar asli dari Alamendah, bukan kek orang yang ngaku-ngaku sebagai alamendah dan menuliskan fitnah dan provokasi sebagaimana baru saya posting
[Reply]
Mars Reply:
March 16th, 2010 at 08:05
Makasih Mas Alamendah…
Semoga tidak difitnah lagi.
[Reply]
lho…
komen saya kok langsung ngilang ki piye tho, Pak?
kan sudah tak bilangi kalau ini alamendah yang asli
Ini komentar asli dari Alamendah, bukan kek orang yang ngaku-ngaku sebagai alamendah dan menuliskan fitnah dan provokasi sebagaimana baru saya posting
[Reply]
Mars Reply:
March 16th, 2010 at 08:05
Bukan ilang tapi munculnya lambat
[Reply]
komen2 seng teng inggel kok podo mumet yo pak?
padhal kan penak to, tinggal copas terus disesuiken..
hehe…
[Reply]
Mars Reply:
March 16th, 2010 at 08:06
Lha nggih niku Mas Arsumba…
(Sekali2 mbok komentarnya pakai Bahasa Daerah Sumba Mas…)
[Reply]
mumet pak liat kode kodenya… tfs weh
[Reply]
Mars Reply:
March 16th, 2010 at 08:07
Sing penting dolare…
[Reply]
berita bagus pak, maturnuwun,mengke dicobo di blog saya.hehe
[Reply]
annosmile Reply:
March 16th, 2010 at 09:51
iki pamer domain po ngopo
[Reply]
siip Pak….
kapan2 pengin nyoba neh koran2an nya…
[Reply]
Mars Reply:
March 16th, 2010 at 08:08
Selamat Mencoba Mas
[Reply]
wah, rahasia dapurnya di bongkar ya… makasih banget neh…
[Reply]
akhirnya pak Mars sudi mmbeberkan rahasia di balik koran tjap koepoe nya
[Reply]
Mars Reply:
March 16th, 2010 at 08:07
Membagi tak pernah rugi…
[Reply]
patut dicuba atuh
[Reply]
Mars Reply:
March 16th, 2010 at 08:07
Selamat Mencubak
[Reply]
alhamdulillah mendapat ilmu baru walau belum sempat praktek melalui kode ini he he.
Mengenai tabel ini memang lebih rapi mengaturnya seperti pak Mars pakai, saya menggunakan default dari tinyMCE kok ya susah banget, tetap harus diubah kodenya juga
Terima kasih pak atas ilmunya
[Reply]
Mars Reply:
March 16th, 2010 at 08:04
Sama2 Mas Yayat…
[Reply]
akhirnya resepnya dibeberkan di sini.
matur nuwun pak, sdh saya copy
kapan2 pasti akan saya ujicobakan di padeblogan
[Reply]
Mars Reply:
March 16th, 2010 at 08:04
Makasih Gus…
Semoga tekan!
[Reply]
Selamat pagi.salam takzim.Semoga hari ini semua narablogger yang hadir disini mendapatkan limpahan rahmatNya.Salam Yanti dan keluarga
[Reply]
hihihi, banyak belajar,banyak tau…belajar lagi ah..Salam hangat dari Lampung
[Reply]
meninggalkan jejak dulu, mau rapat dulu persiapan UN
[Reply]
Jebule njelimet banget ya, Pak.
Hmmm, bener-bener butuh kesabaran ekstra nih untuk membuat posting ala koran gitu.
[Reply]
Wah sip sip, kemaren muter muter nyari nyari primbonnya blom ketemu, coba klo postingan ini dah ada 5 harian yang lalu pasti nggak pusing saya…
[Reply]
makasih mudah mudahan saya bisa praktek pak
[Reply]
menarik sekali Pak Mister, kalau lagi gak ada job bersih2 kamar mandi, nanti mau saya coba ah
[Reply]
wah..makasih infonya sob.. lha klo bikin majalah gimana…? maklum masih gaplek
[Reply]
akhirnya terbentang rahasia koran tjap koepoe biroe.
tapi, simurid super gaptek ini , kok masih kliyeng2 lihatnya,
maafkan diriku yg super gapptek ini ya Pak Guru …………
salam
[Reply]
makasi bongkarannya pak Mars.. suatu saat pasti aku coba! klo aku berhasil praktek bikin koran, bisa minta tolong bantu disirkulasikan oleh dua staff terpercaya bapak itu?
[Reply]
ah dugaan saya sedikit meleset tapi saya beruntung rahasia korannya pak marsudi terbongar juga hahahahaha
saya tunggu koran segitiganya pak …walahaahhhh
[Reply]
saya mungkin akan menirunya pak, kalau diijinkan nanti akan saya posting juga ….. asyik asyik lah hahahaha
[Reply]
mumet..
[Reply]
pingin njajal pisan, tapi wedi ngko nek blogku dituku wong trus gik piye, heheheheh…
[Reply]
ini untuk wordpress yh pak? izin bookmark dan copas buat dokumen pribadi…
Itu bisa dipakai di blog apa saja Mas…
Blogspot dan WordPress.com
[Reply]
pasang iklan mobil Reply:
December 12th, 2010 at 23:27
ok pak makasih buat tipsnya,,
Sama2 Mas
[Reply]
kok masih blm ngerti2 juga ya baca kodenya..
dug…dug…dug…dug…
[Reply]
ini bisa untk blogspot ya ?? cara pasang nya dmn ??
[Reply]
mantap info nya…
edit2 html makin mudah
[Reply]
uhuy… yang ini toh. mantaps langsung bookmark lagi. makasih Pak mars
Mari…
[Reply]
saya perlu mas
[Reply]
niki dgow wordpress iso gak mas…??
Bisa Mas…
Tapi pada theme tertentu tampilannya kurang maksimal karena muncul garisnya.
[Reply]
saya pernah coba, tapi garis tabelnya gak mau ilang. piye jal?
Untuk theme tertentu memang begitu Mas…
[Reply]