Update Header RhjFox

Seperti yang kita ketahui RhjFox memiliki header yang dimana bisa menuju ke TPi dimana ini dulunya dikerjakan oleh ka Ecy yang Cerminya ada DISINI. saya mau mengupdate logo header yang baru seperti iDuHelp dan juga mau update design headernya dan saya mau merapihkan logo diatas biar terlihat rapih dan sedap dipandang. sebagai Anak mahasiswa Web Design Graphic ini ada unsurnya saya menjalani project ini karena dimana Web dan Design nyambung di Project TA saya dengan ilmu yang saya dapat pada saat ada matakuliah. Gak sia-sia memang dulu belajar dan ilmunya kepake juga hehehehe.

kalian juga udah pada tahu RhjFox sudah memiliki header yang dimana diheader tersebut menuju link TPi dengan mengklik Logo TPi saja. ini header RhjFox yang dibuat oleh ka ecy

Header RhjFox yang diubah oleh ka ecy memang sudah bagus hanya saja saya mau update header yang biar terlihat fresh dan tidak bosan dan juga logo TPi terlihat Rapih. kurang lebih design background headernnya seperti ini :

 

dan saya mau Logo TPi di header tersebut jadi rapih dan tidak acak2an lagi seperti di header yang lama di RhjFox. kurang lebih seperti ini jadinya 😀

di header tersebut sudah terlihat rapih dengan logo TPi yang tidak berantakan dan header yang saya buat ini terlihat memang ada gelembung2 kecil berwarna putih seolah2 seperti gelembung di dalam air 😀 dan juga saya tambahkan di tengah header terebut agar tidak terlihat sepih. dan juga sudah terupdate logo iDuHelp! di header tersebut.

disini saya menggunakan aplikasi Adobe Photoshop dan Adobe Illustrator dimana ini adalah aplikasi yang saling mendukung buat pembuatan header yang saya buat 😀 tentu saya menggunakan gradasi untuk menampilkan hasil yang menarik design yang saya buat.

untuk mengupdate dan memberikan link di headernya saya menggunakan dreamweaver aplikasi yang juga mendukung pada saat saya mau update header RhjFox.

kodingannya setelah logo TPi sudah saya kasih link seperti ini :

<img src=”https://lh4.googleusercontent.com/-6P7tWpDns9k/VRTbGW279bI/AAAAAAAACFA/adcavJSe6hc/w597-h100-no/baner%2Bcopy.png” width=”896″ height=”149″ border=”0″ usemap=”#Map”/>
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”592,3,641,51″ href=”http://raharja.ac.id” target=”_blank” alt=”” />
<area shape=”rect” coords=”646,5,692,48″ href=”http://rooster.raharja.info” target=”_blank” alt=”” /><area shape=”rect” coords=”695,5,745,50″ href=”http://gmail.com” target=”_blank” alt=”” />
<area shape=”rect” coords=”747,3,797,51″ href=”http://idu.raharja.info” target=”_blank” alt=”” />
<area shape=”rect” coords=”624,52,681,99″ href=”http://ilearning.me” target=”_blank” alt=”” /><area shape=”rect” coords=”683,55,801,98″ href=”http://iduhelp.magics.co/client.php?locale=en&amp;style=silver&amp;group=2″ target=”_blank” alt=”” />
<area shape=”rect” coords=”805,49,876,97″ href=”http://widuri.raharja.info/index.php?title=Halaman_Utama” target=”_blank” alt=”” />
<area shape=”rect” coords=”582,101,640,148″ href=”http://isur.raharja.info/” target=”_blank” alt=”” />
<area shape=”rect” coords=”642,100,687,147″ href=”http://sisplus.raharja.ac.id” target=”_blank” alt=”” /><area shape=”rect” coords=”688,102,780,142″ href=”http://iran.raharja.info” target=”_blank” alt=”” />
<area shape=”rect” coords=”783,101,889,143″ href=”http://magicschannel.raharja.info” target=”_blank” alt=”” />
</map>

dan kodingan tersebut ditempatkan di overall_header.html menggantikan kodingan yang lama dan kodingan yang baru.

Berikut gambar header RhjFox yang lama.

dan setelah diupdate header sudah berubah menjadi design yang sudah saya buat tadi. berikut gambarnya :

Update header Sukses dengan tampilan baru header RhjFox dan terlihat rapih dengan logo TPi dengan sebelumnya .

Leave a Reply