Ceritanya tadi pagi pas ujian semester gasal pelajaran web design muncul soal yang intinya di suruh membuat template blog sederhana menggunakan kode html, agak sedikit lupa sih bagaimana penulisan tag-tag html (maklum banyak kegiatan, dulu gak bisa sekarang lupa 
), karena memang pelajaran bab ini di ajarkan pas di kelas XI SMK, akhirnya berkat perjuangan memutar otak mengingat kembali pelajaran yang telah lalu saya bisa juga menyelesaikan soal tersebut.
Dan untuk mengingat script yang sudah hampir luntur di otakku itu agar tidak hilang begitu saja maka saya akan menyimpan di blog ini, dan berbagi dengan sobat blogger siapa tahu bisa berguna juga bagi sobat blogger (ngarep) 
.
Berikut ini adalah script html untuk template blog sederhana yang saya maksud :
<html> <head> <title>mifta.web.id</title> </head> <body background="#A9A9A9"> <div align="center"> <table border="1"width="850px"> <tr height="200px"> <td colspan="2" valign="center" bgcolor="blue"> <div align="center"> <font color="red" size="36"> <b> mifta.web.id </b> </font> </div> </tr> <tr height="620"> <td width="650px" valign="top"> <h1>Artikel Anda di sini</h1> </td> <td border="1" width="250px" valign="top"> <h1>Tempat Widget</h1> </td> </tr> <tr height="20px" width="800px"> <td colspan="2"> <div align="center"> Simple theme by <a href="http://mifta.web.id/">miftakhudin</a> </div> </td> </tr> </table> </div> </body> </html> |
Untuk mencoba templatenya caranya mudah sekali tinggal copy paste script diatas lalu paste di notepad (notepad ++ kalo ada) lalu save dengan nama berbasic html. misal : latihan.html .
Setelah itu buka file yang telah anda simpan tadi menggunakan browser yang ada di komputer anda apa saja boleh.
Kira-kira hasilnya jika di buka di browser akan seperti ini nih check this out…
[spoiler for title="Template Blog Sederhana"]
[/spoiler]
Script html diatas cuma template kosong tanpa isi apa-apa,untuk pengembangan silahkan bagi sobat yang ingin mengembangkan di edit dan lengkapi sesuai keinginan.
Dan dalam kesempatan ini Saya ucapkan terima kasih kepada Om Adi Wibowo yang telah mengajari aku tentang pemprograman web basic html, yang ilmunya masih sampai sekarang.
weh masih inget ya?
kirain dah lupa
website sederhana bro mifta sama temen2 masih ada tuh, masih aku simpan di laptop
Ya masih inget lah om, meskipun ada sedikit-dikit yang lupa,
wah om Adi kok masih bisa bernostalgia dengan kita-kita donk, kalau lagi kangen lihat web sederhana buatan cah SBI. hehehehe
Masih pakai table Mif? Kenapa nggak mengikuti standar W3C, pakai div.
saya kurang tahu mas standard W3C itu yang gimana. setahu saya ilmu yang saya dapat cuma itu. belum ada pengembangan
nanti tak cobane membaca lebih rinci mas mengenai W3c. Thanks buat masukanya
@Leo Ari Wibowo:
Table juga standar W3C, maksudnya apa tuh div standar W3C?
mantab bro hasil na. ane juga ampe sekarang masih belajar menghafal kode HTML biasa buka yg versi 5.
Ok mas nanti tak bukane yang versi 5. bedanya apa mas dengan yang versi lama..?
sepertinya mulang minggu depan saya juga akan pakai theme yang telalh saya buat nih
Siip mas semoga themenya segera kelar dan bisa digunakan.
@ibnu ismadi: kurang tahu mas brow.
Tapi kalo urusan CSS mas ibnu menguasai banget tuh, belajar dimana mas..?
sama seperti pelajaran TIK saya waktu sma dulu mas, membuat halaman page sederhana menggunakan format table, hehehe, malahan saya dulu ga bisa cara buatnya, ^^
tapi sekarang mudah tinggal pakai software langsung jadi
Berarti standard dari dulu ampe sekarang sama. cuma beda generasi kalau dulu generasi Gaptek, kalo sekarang era tekhnologi. hehehe
.
waaah… asik nih… nyobain aaakh….. :p
Boleh mas, jangan di tertawain ya mas. kalo hasilnya jelek maklum lagi newbie.
@Miftakhudin Al-Ustadzi: tuh benerkan mas! barusan saya coba dan masih error
tapi bagus loh hehe
Ya di coba terus mas, kegagalan adalah keberhasilan yang tertunda.
Tetap semangat mas.
amin, sekarang saya lagi cari kesalahanya, ternyata saya lupa munutup hehe, pantesan title blog ga keluar
kode apa mas yang lupa ditutup..?
ntar keluar dari kandangnya lho
@ibnu ismadi: HTML aja belum dipelajari apa lagi CSS.. untuk saat ini ane lom bisa CSS tp insyaAllah dikemudian hari bisa…
Ah mas Ibnu merendahkan diri buktinya blognya m.Ibnu designya mentereng sepertinya menggunakan CSS.
mas mifta pake plugin comment cleaner ya? pantesan kode yang saya kasih ga keluar
Gak mas saya g’ pake comment cleaner saya cuma pake GASP.
ko bisa ilang ya??? entah lah? oh iya, barusan saya coba lagi dan masih error pada bagian comment.php dan single.php untung berhasil diatasi! tapi, untung single.php masih acak2an karna sidebarnya malah hilang
pkonya seru mas bikin theme itu banyak salahnya 
semoga besok bisa kelar ya!
Belum bisa buat sendiri…. donlot2 aja yg udah tersedia di guge bro.. heheheh
Saya juga sama kok bro masih download di google itu cuma theme simple html belum bisa digunakan bro.
temen deket nih yaa.. apa jngan2……. hehee
Maksudnya temen dekat tuh saya sama om Adi mas..?
kalau hubungan saya dengan om Adi sudah terjalin sejak beliau masih mengajar di sekolah mas.
nice info gan., ane gi blajar neh., makasih ilmunya ya.,
Sama-sama mas semoga bermanfaat
saya juga masih belajar mas.
Hohoho saya gk bisa ngedit template apa lgi membuat template… Sangat sulit…
Saya juga masih belajar edit heme ni mas, makanya juga belum sempurna, kita semua sama-sama belajar mas.
@Miftakhudin Al-Ustadzi: bgs yha,,,,jgn lupa mampir uga di blog ku,,
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
wah seru nih, kalo sekedar edit saya bisa..tapi kalo bikin masih nemuin eror r mulu…oh ya kalo bikin xhtml sama ga ya code” nya?
Thank
belajar pemrograman dasar bisa lewat dago developer syntax. alamat di http://dagosearch.com/syntax.php , trus scroll mouse ke bagian bawah, ada link namanya “dago developer syntax”. klik linknya. dago developer syntax adalah tempat latihan buat yang ingin belajar pemrograman, syntax yang dipakai oleh dago developer ada pemrograman web dan pemrograman desktop. silahkan belajar disana.