I have some problem when doing CSS positioning between header image and the image under it. The problem is the image look cutting off.

After search on Google I got solution from Stack Overflow blog.

The solution is so simple we only have to put a relative position:

position: relative;
top: -Xpx;
z-index: 99;

Where -X is however much it takes to get it to peek out of the DIV.

Now my header looked perfect now.

Tiga bulan belakangan ini saya mulai serius menekuni bidang Web Development. Salah satu tempat belajar favorit saya yaitu di NetTuts. Saya menyarankan Anda mengunjungi site ini, karena banyak sekali ilmu yang Anda kan dapatkan, mulai dari HTML, jQuery, PHP dan lain-lain tentang Web Development.

Dalam mempelajari sesuatu saya memang lebih suka menggunakan media audio visual ketimbang membaca karena dengan audio visual (menurut saya) lebih mudah dan cepat memahami pelajaran. Buku tentu saja penting sebagai referensi, namun perlu banyak waktu untuk mempelajarinya lewat textbook. Kalo saya lebih suka menyimpannya secara digital. Nah, di NetTuts Anda dapat belajar visual dengan pakarnya, dan Anda juga bisa langsung berinteraksi melalui blognya. Continue Reading ->

I got problem when coded a flash movie near my drop down menu at http://www.ssj-logistics.com. The drop down menu always behind the flash.

Then I searched on Google and found the solution here http://www.daniweb.com/forums/thread51184.html

Do step below on flash code:

1. Add the following parameter to the OBJECT tag:
<param name=”wmode” value=”transparent”>

2. Add the following parameter to the EMBED tag:

wmode=”transparent”

I tested on Firefox 3.0.5 its worked but failed with Explorer version 8 any suggest for Explorer?

Jika tulisan [exec]echo “Hello World!”;[/exec] terlihat maka inline PHP berhasil. Jika tidak… kenapa ya?.

[ngedit lagi] Kembali ke Wordpress.. aha… ternyata tulisan Hello World! muncul berarti Inline PHP berhasil. Apa sih Wordpress Inline PHP itu? adalah sebuah script yang dibuat oleh Blog@CodeXpress yang bertujuan agar code PHP dapat di inline di post Wordpress. Wah thanks berat buat CodeXpress. Saatnya melihat source programnya untuk dipelajari. I love opensource…

Test lagi ah…

PHP Code:
echo date(‘l dS \of F Y h:i:s A’);

Result:
Today is…. [exec] echo date(‘l dS \of F Y h:i:s A’);[/exec]

Selamat bereksperimen…

I found an useful link for WP developer. This link linked you to Headzoo blog that give you a wiki(Cheatsheet) for WP Plugin Developer and WP Theme Developer. To download just right click and save the image to your computer. OK Devo’s !! dont cheat when you test

WP PluginCheasheet

WP Theme Cheatsheet

Judul Buku: 20 total tutorial – Macromedia Director
Penulis: Hendi Hendratman ST
Penerbit: Informatika
Halaman: 332

Binatang apakah ini? itu pertanyaan yang pertama saya lontarkan ketika masuk kesalah satu blog teman yang ada tulisah get the Widget. Penasaran saya coba cari di Wikipedia denga key “widget”, aha gotcha… ada beberapa istilah yang ditampilkan. Saya memilih meng-click “Web Widget” yang what I am looking for. Wah, saya pikir jaman sekarang gampang sekali ya mencari istilah di kamus online… thanks Wikipedia.

Web Widget is a portable chunk of code that can be installed and executed within any separate HTML-based web page by an end user without requiring additional compilation. They are akin to plugins or extensions in desktop applications. Other terms used to describe a web widget include gadget, badge, module, capsule, snippet, mini and flake. Web widgets often but not always use Adobe Flash or JavaScript programming languages….. (dan seterusnya, translate sendiri ya di otak kamu ke bahasa Indonesia hehehe.. )

Wah saya pikir asyik juga pake widget nih, bisa memperkaya website dengan macam-macam printilan mulai dari Multimedia, News, Games dan lain-lain. Saya mulai mencari lagi di Google dan mendapatkan beberapa links yang menarik yang menyediakan widget gratisan salah satunya yaitu di http://www.widgetbox.com .

Wow.. akhirnya bisa juga praktek coding dengan mencoba-coba memasukan code widget ini di blog saya. Next saya coba pikir cara membuat widget dan menyediakan buat orang lain… jangan hanya pakai saja. Kreatiflah sedikit Edwin… hehehe motivasi diri sendiri nih. Tapi waktunya kapan yach…?hmmm..

Waktu saya sedang browsing di Planet Terasi dan masuk ke blognya Pak Budi Raharjo, saya iseng nge-click yang empunya theme si Chris Pearson. Wow… websitenya mengingatkan saya dengan buku catalog yang pernah saya lihat di brosur bank. Desainya menarik buat saya dengan desainnya yang minimalis. Isinya juga cukup padat dengan tutorialnya yang mostly adalah tentang Blog.

Ada satu article yang menarik perhatian saya yaitu artikel Random Header Image menggunakan PHP. Kebetulan saya tahu sedikit tentang PHP dan udah lama gak ngutak-ngatik PHP karena kesibukan di kantor. Wah ternyata ada satu fungsi yang simple sekali agar image header berubah-ubah saat page kembali di refresh.

Without further ado, here is the random header image code:

<img src="http://images_folder_path/header_<?php echo(rand(1,5)); ?>.jpg” width=”image_width” height=”image_height” alt=”image_alt_text” />

All the magic happens in this bit of PHP:

<?php echo(rand(1,5)); ?>

That little snippet of code produces — and then echoes, or prints — a random number between 1 and 5. Therefore, the header image references become header_1, header_2, and so on.

What, you were expecting it to be more complicated? Sorry!

Check out Chris Pearson working example of random header images.