Buktikan Merahmu!
Menyempurnakan dan melengkapi tulisan tentang html pada postingan sebelumnya, sekarang saatnya kita lakukan modifikasi seperlunya agar tampilan yang kita dapatkan tidak apa adanya. Kalau kita ambil dari buku tanpa dikreasikan sendiri, dapat dipastikan hasilnya hampa.
<script language="JavaScript">
var d=new Date()
var weekday=new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
document.write(weekday[d.getDay()])
</script>
Kode di atas adalah program untuk memunculkan hari mengikuti hari saat ini. Kode seperti ini saya sebut dengan kode mentah. Kebanyakan buku, isinya ya kode mentah semua. Jadi kita harus memberi sentuhan, agar tampak hidup. Untuk percobaan pertama, kita akan memodifikasi sehingga tampilannya pakai background, dan nama hari kita ganti dengan semboyan penyemangat untuk menambah motivasi dan inspirasi.
Kode untuk memberi bingkai atau background adalah
<div style="overflow:auto;width:250px;padding:0px;border:3px solid #000000"><div style="background:#ff0000"><div style="overflow:auto;padding:5px;border:0px solid #000000"><center><span style="color: #ffffff; font-family: georgia;">
- masukkan kode yang mau diberi bingkai di sini -
</span></center></div></div>
Inipun kode mentah. Sekarang, keduanya kita kombinasikan, untuk mendapatkan hasil yang lebih menggigit. Caranya kode pertama digantikan pada teks merah pada kode kedua, dan jangan lupa nama hari berwarna merah diganti dengan semboyan atau slogan sesuai keinginan kita.
Jadinya kira2 seperti ini
<div style="overflow:auto;width:250px;padding:0px;border:3px solid #000000"><div style="background:#ff0000"><div style="overflow:auto;padding:5px;border:0px solid #000000"><center><span style="color: #ffffff; font-family: georgia;">
<script language="JavaScript">
var d=new Date()
var weekday=new
Array("Rajin Pangkal Pandai","Bersama Kita Bisa","Ganyang Koruptor","Lebih Cepat Lebih Baik","Enjoy Aja","Tak Ada Kata Menyerah","Di Sini Senang Di Sana Senang")
document.write(weekday[d.getDay()])
</script>
</span></center></div></div>
Maka kita akan mendapatkan widget yang akan berganti setiap hari selama seminggu, kira2 tampilannya seperti ini
Hari berikutnya teks akan berganti menjadi “Ganyang Koruptor”, hari berikutnya lagi akan menjadi “Lebih Cepat Lebih Baik” dan seterusnya, sesuai semboyan / slogan yang kita masukkan.
Jika mau teksnya berganti tiap jam atau tiap satuan waktu tertentu dan dengan slogan yang lebih banyak lagi, kita bisa menggunakan patokan “jam” yang akan saya tulis lain waktu.
Bayangkan seandainya di blog kita ada sapaan hangat tiap dibuka, misalnya
- Selamat Pagi Sahabatku
- Selamat Siang… Sudah makan apa belum?
- Selamat Sore… Sudah saatnya mandi lho
- Selamat Malam, Met istirahat
- Sudah lewat tengah malam lho. Saatnya tidur
- Tanggal 10, saatnya mbayar tagihan listrik
- Asyik, tanggal muda nich ye…
Blog kita akan lebih interaktif, seolah kita ada disitu menyapa siapapun yang datang. Ini bukan mimpi. Tak lama lagi, kalau uji coba saya sudah meyakinkan, pasti saya obral semua. Saya khawatir kalau tiba2 pagi hari tapi blog kita mengingatkan kita untuk tidur.
Ayo, Tunjukkan Merahmu!. Jangan terkungkung oleh teori yang ada di buku. Kombinasikan, kreasikan dan kembangkan sendiri agar Anti Biasa!!
wah sip pak,tapi saya masih terkungkung dalam pemilihan theme.
sampai-sampai terinspirasi oleh blog ini dan memakai theme yang sama
.-= Postingan pakne galuh : Training Mikrotik =-.
[Reply]
Wah, lama-lama blog ini bisa jadi spesialis tutorial seputar HTML
Makasih buat pembelajarannya Pak. Saya mau coba praktekin dulu.
.-= Postingan iskandaria : Belajar Mengelola Blog Gado-Gado dari Mas Yep =-.
[Reply]
kreatif abis pak, salut saya
[Reply]
judul bukune nopo to Pak Dhe? (ngapunten mboten nyemak postingan2 yg dulu)
.-= Postingan Pradna : Red Cliff (Kisah 3 Negara) =-.
[Reply]
tak bisa kubayangkan apa jadinya bLog ini andaikan buku dari PakDhe itu seLesai dibaca.. keren Pak…
[Reply]
hwehwehwehwehweh….. keren om…. referensinya dari mana to om… sharing dong bukunya…
.-= Postingan ranggagoblog : Just Share =-.
[Reply]
nggumun thok aku
.-= Postingan ernut : nglangi… =-.
[Reply]
Saia suka sekali semboyannya “Bersama Kita Bisa”
[Reply]
wah.. makin lama makin sip aja nih ilmunya pak Mars…
sayang gak bisa buat blogku, nunggu sampe punya ‘rumah’ sendiri… maklum masih kontrakan…
[Reply]
pak mars, saya sdh praktekan.. coba bikin kombinasi hari dan pasaran kok belum menu rumus html-nya.. soalnya 7 hr dan 5 hari. kuncinya kode html-nya kan “weekday” sementara “pasaranday” nggak dikenal he..he..
ternyata asik juga utakutik kode html ini
[Reply]
Lha pak, yang di buku saja saya gak paham apalagi ditambahi bumbu-bumbu…
[Reply]
HTML pak Mars kali ini membuatku gerah *putus asa..*
nanti saja sehabis penjurian ku coba dengan seksama..
[Reply]
semenjak ada yang namanya HTML di sini, kok sy jadi sulit ngebuka blog ini yak, kesabaran kita diuji
[Reply]
Kok kayak iklan sih ? *apa emang iklan*
.-= Postingan ajengkol : Manfaat SEO =-.
[Reply]
Bingung kang.
.-= Postingan Solo Life : Tamara Bleszinsky – Air Terjun Pengantin =-.
[Reply]
wah, pak mars lagi kecanduan coding, bikin puisi buat bu mars pake kode html pak
.-= Postingan sibaho way : Wordle in your own words =-.
[Reply]
Semakin lama semakin mantap mas. Kalau sdah mateng saya ikut ngincipi.
Salam hangat dari Surabaya
[Reply]
worship dah!
nek urusan ngene aku nyerah pak!
.-= Postingan Andy MSE : Takut Dilempar Receh, Omnivora Cabut Gugatan =-.
[Reply]
css toh… >.<
aduh adakah cara belajar css dengan gampang yaa…
.-= Postingan H : Perempuan tanpa “V” dan Laki tanpa “P” =-.
[Reply]
wakh keren nih….ilmunya om…top markotop
[Reply]
Pak mars memang oke..
[Reply]
Coba dipraktekan pak.. Salam
Eh lupa mau ngomong. Nanti pelajaran matematika-nya lupa pak karena kbnykn bljr html.. Hehehe
[Reply]
Kiran kemaren mister mau nulis tentang Gudang Garam Merah. Tak pikir apa mister udah ganti gudang garam, dan ninggalin mild merah…
.-= Postingan Mengembalikan Jati Diri Bangsa : Mengembalikan Jati Diri Bangsa =-.
[Reply]
tambah lama tambah sakti aja nih pak mars
.-= Postingan andriristiawan : Memulai dengan sebuah senyuman =-.
[Reply]
Wajib di praktekan ni Pak, terima kasih sekali atas ilmunya
.-= Postingan arkasala : Buku Kisah Sukses Wikipedia =-.
[Reply]
saya merasa tahun baru yang sebentar lagi
akan ada gebrakan dari pak Mars;
freeMarstheme.Com;
penyedia templat gratis dari Pak Marsudiyanto
.-= Postingan munawar am : Menanti Pembebasan Ibu Prita Mulya Sari =-.
[Reply]
wah jadi wisdom qoute juga bisa yah …
.-= Postingan AbcD : Dari Kamu, Cinta itu adalah ? =-.
[Reply]
tampilannya gimana tuh pak? koq ga ada screenshotnya?
saya ga bisa coding html e.. bisanya hardware coding. ehehe
.-= Postingan ardian eko : 1 Tahun Komunitas Blogger Bengawan =-.
[Reply]
Bersama Kita Merah</strong
Merah2 Delima, Ali Baba…
.-= Postingan Mengembalikan Jati Diri Bangsa : Terdampar =-.
[Reply]
keren bang coba ah
.-= Postingan Billah : Tiger Woods The Real Tiger =-.
[Reply]
Toambah salut saya sama empunya blog ini…. Bukan muji.. tapi nyatanya Pak Mar emang top ..dah!!
Mestinya khan dapat menginspirasi yang muda-muda dong…?
.-= Postingan xitalho : Facebook Bikin Kecanduan =-.
[Reply]
RAIHLAH “JATI DIRI MANUSIA”.. untuk
MENGEMBALIKAN JATI DIRI BANGSA INDONESIA
Salam Cinta Damai dan Kasih Sayang ‘tuk Sahabat Sahabatku terchayaaaaaank
I Love U fullllllllllllllllllllllllllllllll
.-= Postingan KangBoed : Apalah Arti Manusia Tanpa Memiliki Kesadaran !! =-.
[Reply]
Meluncur saya ijin sedot copy paste paaaak
.-= Postingan KangBoed : Apalah Arti Manusia Tanpa Memiliki Kesadaran !! =-.
[Reply]
Nais INFO Mangstaaaabbbsss.. ma kasih paaak
.-= Postingan KangBoed : [WOW!!] Tersangka Pembunuhan Tertua Seorang Nenek 98 tahun =-.
[Reply]
bersama, kita pasti bisa pak…
.-= Postingan gajah_pesing : Scanner Ubuntu =-.
[Reply]
komentarku kok ilang?
.-= Postingan gajah_pesing : Semakin Mengalir =-.
[Reply]
Setiap hari kita bisa. Bisa banyak belajar pada pak Mars.
.-= Postingan Puspita W : Kehilangan I =-.
[Reply]
wow… makin keren tutorialnya, pak mar. kula namung ndherek2 mawon.
.-= Postingan sawali tuhusetya : Suicide: Potret Manusia Global yang Sarat Konflik =-.
[Reply]
jadi blog tutorial ya sekarang.. hebaat..
.-= Postingan bre : Angel and Demon =-.
[Reply]
ngeblog tahu html, JS dan PHP, blognya akan tambah ajaib
[Reply]
yuk blognya dikustomisasi pake html, biar lebih mak nyos
.-= Postingan tarqy : Agar Blog dapat diakses Perangkat Mobile =-.
[Reply]
wah…mantab…njajal ah…
.-= Postingan paijo : Rikalane semono… =-.
[Reply]
Sugeng ndalu, p Mars. Nyuwun ngapunten, nembe saget mampir malih.
.-= Postingan M Mursyid PW : Gumam Anak Negeri Tentang Pertiwi =-.
[Reply]
harus begitu broo…edit html kadang bikin puyeng jg wkwkkw tapi enjoy
[Reply]
mantap dah infonya….aku belajar juga ah HTML
[Reply]
merah putih pancen oyeeee…
[Reply]
pengen sieh kyak gt. . tapi d blogku dah gag banyag ruang. . hehe. .
dtunggu kunjungan baliknyaa
.-= Postingan Astaga.com Lifestyle On The Net : Astaga.com Lifestyle On The Net Kontes SEO Astaga Berhadiah Total 30 Juta =-.
[Reply]
Mampir pagi pak..mau ngasih kabar, Besok tgl 14 des Puisi untuk pak mars akan muncul…salam
.-= Postingan dasir : Blog di mata dasir =-.
[Reply]
SIP Pak, keren nih kalo sudah jadi . Pancen Oye
[Reply]
tak tambahin peribahasanya pak “korupsi pangkal kaya” dan “nikmat pangkal paha” .hihihihi…..kaabuuuuurrr
.-= Postingan m4stono : Sidang Kabinet Buto Bersatu =-.
[Reply]
kalau urusan nya html, langsung kliyeng kliyeng pingin mabuk……….
wong nulis aja masih belajar, kalau belajar html nanti malah pingsan blas gitu Pak Guru.
tetapi, saya tetap menikmati membacanya.
terima kasih telah berbagi ilmunya Pak Guru…….
salam.
.-= Postingan bundadontworry : Cara Benar Menikmati Kopi. =-.
[Reply]
ini merahku mana merahmu
wekekekek
.-= Postingan ciwir : Rama “Sowan” Eyang Buyut =-.
[Reply]
wah….sip banget tricknya mas…
tapi males ah mau pake…. gak menghasilkan polae…
he he
PISSSSS
.-= Postingan Mas Adi : Proses Regenerasi dalam Ngeblog. Perlukah? =-.
[Reply]