HTML : Random Header Image with Javascript

Menemukan script yang cocok diantara riuhnya artikel informasi di internet ternyata bukan hal yang mudah.Informasi sedikit saja asal sesuai dengan yang diinginkan pun terlalu sayang untuk diacuhkan begitu saja.

Ada script dengan menggunakan javascript dari Nicolas untuk memanggil secara acak file gambar.File ini nantinya bisa diposisikan di bagian Header blog kita.Menarik kan bila tiap kali kita berkunjung akan menampilkan gambar yang berbeda-beda?

Copy script berikut ini:

<script language=”Javascript”>
var currentdate = 0

var core = 0

function StringArray (n) {

this.length = n;

for (var i =1; i <= n; i++) { this[i] = ‘ ‘ } }
image = new StringArray(10)
image[0] = ‘0.gif’
image[1] = ‘1.gif’
image[2] = ‘2.gif’
image[3] = ‘3.gif’
image[4] = ‘4.gif’
image[5] = ‘5.gif’
image[6] = ‘6.gif’
image[7] = ‘7.gif’
image[8] = ‘8.gif’
image[9] = ‘9.gif’
var ran = 60/image.length function ranimage() {
currentdate = new Date()
core = currentdate.getSeconds()
core = Math.floor(core/ran) return(image[core]) } document.write(“<img src=’”+ranimage()+”‘>”) </script>

Bila kita hanya memiliki dua gambar sebagai header ubah image=newStringArray(2) dan panggil nama file lengkap dengan prefix http-nya,misalnya http://domainku.com/gambar/header1.gif. Script ini bisa digabungkan ke dalam template blogger kita dengan menempatkanya di dalam tag <div id=”header”>.

Semoga bermanfaat.

Tag : random image header blogger, random image header blogspot, banner header for web.

WEB : Google Page Ranking Checker

Berapakah nilai web/blogmu di Google?

Ada yang merasa penting untuk menilai web/blog kita dilihat dari sudut pandang Google? atau mengapa harus Google? Apakah ini relevan dengan posisi web/blog kita diantara jutaan web/blog yang ada di seluruh dunia? dunia? kenapa tidak Indonesia? upss..tahan pertanyaan ini untuk sementara.

Kita bisa melihat sejauh mana keberadaan web/blog kita di dunia maya.Banyak artikel di blog kita namun sampai mana artikel kita dibaca dan didengar orang lain.Blog bukan sekedar catatan kehidupan, kisah-kisah perjalan atau ruang pengaduan.Dia bisa menjelma menjadi materi yang sangat dirindukan keberadaanya.Obat dari segala keraguan dan pertanyaan.Teman setia berbagi kisah.

Dan kini saatnya menilai web/blog kita, akses URL berikut :

http://www.sr-ultimate.com/pagerank/
http://www.ae4r.com/pagerank/
Berapakah nilainya?

PS: blog utamaku di http://agushery.blogspot.com mendapat nilai 5 dari 10.Kukira ini kecil, namun begitu dibandingkan dengan nilai blog yang lebih besar dan dahsyat (detik.com dan dudung.net) mereka hanya mendapat nilai 4..upss….sepertinya ini berlebihan ya….saya sarankan untuk menilainya dengan bantuan web lainnya.Coba juga beberapa tautan dibawah ini :

http://www.webmaster-toolkit.com/link-popularity-checker.shtml
http://www.sr-ultimate.com/siterank.php
http://pr.blogflux.com/ (ada bonus iconnya!)

Bila mendapati hasil penilaian yang berbeda, sepertinya situs penilai juga harus dicari keabsahan penilainya ya?

Banyak faktor yang menentukan penilaian ini.Antara lain berapa banyak web/blog yang tertaut dengan web/blog kita, konten/isi didalamnya, atau juga sejauh mana web/blog kita dikenal di beragam mesin pencari yang ada di dunia maya.Pihak sr-ultimate sendiri mengklaim sejauh ini penilaianya sebagai update-an terkini dari mesin pencari Google.

Tambahan : Kang dirgaa menambahkan satu page lagi untuk penilaian ini di http://www.pagerank.net(terima kasih untuk konfirmasinya kang)

WEB : Kick Your Banner’s Out

Suatu kali saya menemukan blog milik warga IMB dengan menggunakan Blogdrive sebagai penyedia layanan blognya.Maklum karena member IMB, isinya pun bermaterikan mengenai banyak hal, mulai dari kegiatan sosial, cerita keseharian, juga nukilan berbagai ayat bertaburan didalamnya.Sama sekali tak ada yang “aneh” disitu.Sampai suatu ketika ketika saya berkunjung kembali ke blognya, muncul sesuatu yang memaksa saya menarik nafas dalam dalam.

Di bagian headernya muncul iklan/banner bergambar wanita berpose separo bugil.Mungkin beberapa diantara kita sering mendapati banner yang muncul pada layanan hosting atau email gratis.Namun melihatnya berhimpitan dengan header blog yang memunculkan tulisan arab besar-besar tentu bukan paduan yang serasi.

Mungkin bukan hal yang disengaja oleh pemilik blognya untuk menggabungkan dengan banner “nakal” ini.Secara acak banner ini akan dimunculkan setiap kali ada pengguna yang mengaksesnya.Dari sekian banyak banner ada, mungkin banner inilah yang paling sering dimunculkan.Entah karena menarik dan eye catching, tapi bukan alasan ini saya menulis .Sangat disayangkan adalah kurang sensitifnya pemilik blog akan kenyataan ini.Tentu bukan satu atau dua kali dia membuka blog milik sendiri.Dan ini yang perlu diperhatikan.

Blogdrive sebagai penyedia layanan blog secara gratisan tentu menjadikan hal yang wajar apabila memunculkan banner dalam setiap blog penggunanya.Tak bisa dipungkiri mereka mendapat sokongan dana yang besar dari sektor ini.Untuk itu, bagi pengguna blogdrive mohon berhati-hati dengan meletakan tulisan atau kutipan ayat dari Al Quran sebagai header imagenya.

Saran kedua, bagi yang tetap ingin meletakannya, dan tidak memungkinkan pindah ke blog lain, buang banner dengan cara mengupgradenya.Di halaman depan web Blogdrive terdapat tautan untuk menaikan status blog kita dari gratis ke berbayar.Cukup dengan $15.00 blog kita akan terbebas dari banner.Satu lagi, jangan terbiasa menggunakan jalan singkat dengan membuang banner dengan menggunakan javascript.Hormatilah hak pemiliknya.

WEB : Kick Your Banner’s Out

Suatu kali saya menemukan blog milik warga IMB dengan menggunakan Blogdrive sebagai penyedia layanan blognya.Maklum karena member IMB, isinya pun bermaterikan mengenai banyak hal, mulai dari kegiatan sosial, cerita keseharian, juga nukilan berbagai ayat bertaburan didalamnya.Sama sekali tak ada yang “aneh” disitu.Sampai suatu ketika ketika saya berkunjung kembali ke blognya, muncul sesuatu yang memaksa saya menarik nafas dalam dalam.

Di bagian headernya muncul iklan/banner bergambar wanita berpose separo bugil.Mungkin beberapa diantara kita sering mendapati banner yang muncul pada layanan hosting atau email gratis.Namun melihatnya berhimpitan dengan header blog yang memunculkan tulisan arab besar-besar tentu bukan paduan yang serasi.

Mungkin bukan hal yang disengaja oleh pemilik blognya untuk menggabungkan dengan banner “nakal” ini.Secara acak banner ini akan dimunculkan setiap kali ada pengguna yang mengaksesnya.Dari sekian banyak banner ada, mungkin banner inilah yang paling sering dimunculkan.Entah karena menarik dan eye catching, tapi bukan alasan ini saya menulis .Sangat disayangkan adalah kurang sensitifnya pemilik blog akan kenyataan ini.Tentu bukan satu atau dua kali dia membuka blog milik sendiri.Dan ini yang perlu diperhatikan.

Blogdrive sebagai penyedia layanan blog secara gratisan tentu menjadikan hal yang wajar apabila memunculkan banner dalam setiap blog penggunanya.Tak bisa dipungkiri mereka mendapat sokongan dana yang besar dari sektor ini.Untuk itu, bagi pengguna blogdrive mohon berhati-hati dengan meletakan tulisan atau kutipan ayat dari Al Quran sebagai header imagenya.

Saran kedua, bagi yang tetap ingin meletakannya, dan tidak memungkinkan pindah ke blog lain, buang banner dengan cara mengupgradenya.Di halaman depan web Blogdrive terdapat tautan untuk menaikan status blog kita dari gratis ke berbayar.Cukup dengan $15.00 blog kita akan terbebas dari banner.Satu lagi, jangan terbiasa menggunakan jalan singkat dengan membuang banner dengan menggunakan javascript.Hormatilah hak pemiliknya.

WEB : Kick Your Banner’s Out

Suatu kali saya menemukan blog milik warga IMB dengan menggunakan Blogdrive sebagai penyedia layanan blognya.Maklum karena member IMB, isinya pun bermaterikan mengenai banyak hal, mulai dari kegiatan sosial, cerita keseharian, juga nukilan berbagai ayat bertaburan didalamnya.Sama sekali tak ada yang “aneh” disitu.Sampai suatu ketika ketika saya berkunjung kembali ke blognya, muncul sesuatu yang memaksa saya menarik nafas dalam dalam.

Di bagian headernya muncul iklan/banner bergambar wanita berpose separo bugil.Mungkin beberapa diantara kita sering mendapati banner yang muncul pada layanan hosting atau email gratis.Namun melihatnya berhimpitan dengan header blog yang memunculkan tulisan arab besar-besar tentu bukan paduan yang serasi.

Mungkin bukan hal yang disengaja oleh pemilik blognya untuk menggabungkan dengan banner “nakal” ini.Secara acak banner ini akan dimunculkan setiap kali ada pengguna yang mengaksesnya.Dari sekian banyak banner ada, mungkin banner inilah yang paling sering dimunculkan.Entah karena menarik dan eye catching, tapi bukan alasan ini saya menulis .Sangat disayangkan adalah kurang sensitifnya pemilik blog akan kenyataan ini.Tentu bukan satu atau dua kali dia membuka blog milik sendiri.Dan ini yang perlu diperhatikan.

Blogdrive sebagai penyedia layanan blog secara gratisan tentu menjadikan hal yang wajar apabila memunculkan banner dalam setiap blog penggunanya.Tak bisa dipungkiri mereka mendapat sokongan dana yang besar dari sektor ini.Untuk itu, bagi pengguna blogdrive mohon berhati-hati dengan meletakan tulisan atau kutipan ayat dari Al Quran sebagai header imagenya.

Saran kedua, bagi yang tetap ingin meletakannya, dan tidak memungkinkan pindah ke blog lain, buang banner dengan cara mengupgradenya.Di halaman depan web Blogdrive terdapat tautan untuk menaikan status blog kita dari gratis ke berbayar.Cukup dengan $15.00 blog kita akan terbebas dari banner.Satu lagi, jangan terbiasa menggunakan jalan singkat dengan membuang banner dengan menggunakan javascript.Hormatilah hak pemiliknya.

WEB : Kick Your Banner’s Out

Suatu kali saya menemukan blog milik warga IMB dengan menggunakan Blogdrive sebagai penyedia layanan blognya.Maklum karena member IMB, isinya pun bermaterikan mengenai banyak hal, mulai dari kegiatan sosial, cerita keseharian, juga nukilan berbagai ayat bertaburan didalamnya.Sama sekali tak ada yang “aneh” disitu.Sampai suatu ketika ketika saya berkunjung kembali ke blognya, muncul sesuatu yang memaksa saya menarik nafas dalam dalam.

Di bagian headernya muncul iklan/banner bergambar wanita berpose separo bugil.Mungkin beberapa diantara kita sering mendapati banner yang muncul pada layanan hosting atau email gratis.Namun melihatnya berhimpitan dengan header blog yang memunculkan tulisan arab besar-besar tentu bukan paduan yang serasi.

Mungkin bukan hal yang disengaja oleh pemilik blognya untuk menggabungkan dengan banner “nakal” ini.Secara acak banner ini akan dimunculkan setiap kali ada pengguna yang mengaksesnya.Dari sekian banyak banner ada, mungkin banner inilah yang paling sering dimunculkan.Entah karena menarik dan eye catching, tapi bukan alasan ini saya menulis .Sangat disayangkan adalah kurang sensitifnya pemilik blog akan kenyataan ini.Tentu bukan satu atau dua kali dia membuka blog milik sendiri.Dan ini yang perlu diperhatikan.

Blogdrive sebagai penyedia layanan blog secara gratisan tentu menjadikan hal yang wajar apabila memunculkan banner dalam setiap blog penggunanya.Tak bisa dipungkiri mereka mendapat sokongan dana yang besar dari sektor ini.Untuk itu, bagi pengguna blogdrive mohon berhati-hati dengan meletakan tulisan atau kutipan ayat dari Al Quran sebagai header imagenya.

Saran kedua, bagi yang tetap ingin meletakannya, dan tidak memungkinkan pindah ke blog lain, buang banner dengan cara mengupgradenya.Di halaman depan web Blogdrive terdapat tautan untuk menaikan status blog kita dari gratis ke berbayar.Cukup dengan $15.00 blog kita akan terbebas dari banner.Satu lagi, jangan terbiasa menggunakan jalan singkat dengan membuang banner dengan menggunakan javascript.Hormatilah hak pemiliknya.

WEB : Japanese I-mode HTML versi 5

Menyambung kedatangan tamu dari Jepang, kali ini ada pekerjaan yang selanjutnya menunggu.Membuat beberapa file HTML berdasarkan aturan yang dikeluarkan pihak docomo untuk lay out HTML versi 5 di browser I-mode.

Beberapa tag dasar HTML masih mudah ditemukan disini.Beberapa diantaranya malah terbatas untuk versi tertentu, semisal TABLE dan aksesorisnya.Namun hanya untuk versi 7 keatas,untuk versi rendahnya kita hanya perlu mengerjakan file HTML dengan editor yang sangat sederhana.Menggunakan notepad pun mestinya bukan halangan.Namun ada yang lebih baik dan juga disediakan untuk ini, yakni Maruo.Seperti yang saat ini aku instal, versi 5.15.

Layaknya editor berbasis text, editor ini juga menggunakan tampilan warna-warna yang berbeda sesuai dengan jenis tag maupun variabelnya.Namun yang perlu diuji dan dicermati yakni pemilihan tag dan kemampuannya yang sangat mendukung.Editor ini mampu membaca tag khusus seperti Emoji yang digunakan sebagai penanda khusus.Yakni semacam icon yang bisa berbentuk gambar namun dengan basis teks.

Dari kemampuan browsernya, karena menyajikan teks berbahasa Jepang, maka ada beberapa jenis huruf yang didukung, hiragana, katakana, dan satu lagi hankaku katakana.Apa ini? Berdasarkan informasi, ini varian dari katakana yang memiliki kemampuan menyajikan text dalam ukuran 1 byte.Ini tentu lebih unggul dibanding katakana yang menyajikan 2 byte.

イシイ　= 2byte = katakana
ｲｼｲ　= 1byte = hankaku katakana.

Aturan ini juga memaksa properti dalam tag form juga mengalami penambahan.
Yakni ;

- mode=”[hiragana,hantaku katakana]“
- istyle=”[1“(2byte hiragana and kanji and katakana),”2“(1byte hiragana and kanji and katakana),”3“(1byte arphabet),dan “4“(1byte numeric)”.

Ini memiliki pengaruh yang signifikan dalam menyajikan sebuah kolom untuk password.Kita menggunakan type=”password” dalam HTML versi PC, namun untuk versi I-mode kita gunakan mode=”alphabet”.

Kolom untuk pengisian kodepos juga berbeda.Mereka membutuhkan 7 karakter untuk pengisian form dalam kategori kodepos.Beda dengan kita yang hanya 5.

Hal lain yang perlu juga diperhatikan untuk HTML versi ini adalah penulisan hexadesimal untuk warna menggunakan huruf kecil.Pemanggilan gambar dalam HTML juga tidak membutuhkan atribut semisal width height border.Background warna hanya berlaku untuk HR dan juga background div marquee.Marquee masih menjadi kekuatan utama untuk menyampaikan text bergerak.Banyak yang perlu dipelajari ya…

Tadaimaaaaa

Wow? yang mana artis dan mana yang bukan? tebakan yang mudah ya!
Ini hasil bidikan Mr.Nomura yang sempat mampir ke kantor dan kami ajak makan malam di Kampung Daun sebagai imbalannya.Tak dinyana kami menemukan tempat yang cocok untuk memuaskan selera “saudara tua” yang agak sulit ditebak.Sebut saja dari mulai Cha Kangkung Terasi, Gurame Goreng, Soto Betawi,Black Papper Beef,Nasi Goreng,tapi buktinya Sop Buntut Bakar dan sate Ayam ditelan juga…:D

Dari kiri ke kanan:Mr Kobuchi,Ms. Nani, Indaka, Me,Kosim, Ronald “Extravaganza”

CSS:Text Indent

Tidaklah indah dipandang melihat beberapa tautan di Sidebar menempati posisi yang berantakan terutama tautan yang berkarakter panjang.

Ini dialami saat kita menyukai judul postingan panjang dengan atau tanpa kita rencanakan sebelumnya. Beberapa artikel di internet menyarankan untuk menuliskan judul pendek untuk mengakali bagian ‘Previous Post’ pada Sidebar.Perhatikan saja, kadang judul panjang akan terpotong menjadi 2 baris, parahnya menyertakan beberapa space kosong pada baris dibawahnya.

Apa yang menyebabkan hal itu bisa terjadi? ini adalah salah satu kegunaan tag ‘text-indent’.Bagi pengguna Word, indent biasa kita gunakan untuk memberikan tanda untuk memulai paragraph yang baru.Maka kegunaan semacam itu yang dipakai oleh tag ini.Menurut w3schools.com tag ini bisa memiliki nilai negatif.Artinya baris pertama akan di inden (ada yang tahu terjemahan Bahasa Indonesia untuk ini?) ke kiri bila nilainya negatif.

Kita langsung masuk ke template di Blogger saja.Bila menggunakan template Harbor seperti yang saya gunakan, pada baris 298 di bagian /* Sidebar Content akan ditemukan tag seperti ini :

#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
font: 70%/160% ‘bitstream vera sans’, ‘lucida grande’, verdana, sans-serif;
}

Guna merapihkan bagian tautan yang panjang agar memiliki sisi yang sama, maka kita bisa ubah nilai text-indentnya menjadi :

#sidebar li {
margin:0;
padding:0 0 .25em 0px;
text-indent:0px;
line-height:1.5em;
font: 70%/160% ‘bitstream vera sans’, ‘lucida grande’, verdana, sans-serif;

Sengaja saya mengubah nila pada padding untuk mendapatkan hasil yang lebih baik.

CSS : word-wrap for IE

Sepastinyalah bila kata-kata word wrap terasa akrab di lingkungan aplikasi text berbasis Windows.Sebut saja Notepad, WordPad (saat kita ingin membungkus text seukuran jendela aplikasi),Word (misalnya saat kita ingin menyeting word-wrap untuk kata-kata berbahasa Inggris disaat bekerja di lingkungan text menggunakan East Asia), dan banyak lagi.

CSS di IE pun tak luput dari kata-kata ini.Lalu apa gunanya?

Masih ingat postingan yang lalu tentang bangunan template Blogger yang terdiri dari Main, Content,Sidebar? Ok, ini masih berhubungan dengan hal itu.

Anggap kita memiliki lebar Content 740 px, Main 485 px, lalu Sidebar 240 px.Terkadang tanpa kita sadari saat memasukkan tautan/link ke dalam postingan kita menuliskanya secara utuh, semisal http://www.domainku.com/admin/intern/download/gratis/aplikasi/blablabla.htm, maka dari 76 karakter tersebut kemungkinan akan menyeruak keluar menabrak bagian Sidebar.Hasilnya? saat kita buka di browser IE, sidebar turun jauh kebawah.Nah untuk itulah properti word-wrap diperlukan, cukup bubuhkan tag berikut :

word-wrap:break-word;

di bagian .post-body, sehingga akan tampil seperti ini (untuk contoh):

.post-body {
line-height: 140%;
word-wrap:break-word;
}

Maka IE akan memberlakukan word-wrap dalam bagian Main.Ingat, hanya IE.Browser diluar IE akan mengacuhkan bagian word-wrap:break-word.Hasilnya? tentu bila kita cek di IE alamat URL yang panjang tadi akan terpotong kebawah tanpa mengenai bagian Sidebar.