Buat header dengan LINK dan bisa di klik

Mau sekedar share nih Gimana cara membuat header yang bisa di klik
Berikut adalah cobtohnya

 

contoh bisa kita lihat di atas... disitu adat twitter, Facebook, RSS, Blog yang di jadikan gambar dan itu ada linknya kalo di KLIK

"yang perlu dipersiapkan?" 

Sebuah gambar yang mau dijadiin header
Adobe Dreamweaver

"langkah langkahnya?" 

 Buatlah sebuah gambar untuk header di blog kalian, (terserah mau pake potoshop atau pun pake Paint...hahaha
# 2012 masih aja pake paint

bila sudah ada gambar.. Buka aplikasi Dreamweaver

Pada Halaman depan bagian Create New pilih HTML setelah kita klik HTML maka keluar seperti gambar di bawah ini

Pada bagian Samping ada tulisan insert pilih IMAGES: IMAGE...

Nah setelah klik bagian IMAGES maka munculkanlah gambar yang mau dijadiin header
bila muncul kotak dialog seperti ini, maka di OK aja

 Lalu pilih Bagian design (di atas yang di antara code, Split, design...) Tepatnya disini maka akan terlihat

gambarnya seperti di bwah ini. 

 

Setelah itu mulai deh kita kasih link pada gambarnya...caranya KLIK yang di pojok kiri yang ada gambar buletan, petak, poly gitu...tepatnya kyk gini...

yang gw kasih kotak merah itu yang kudu lu pilih...terserah mau yang petak, buletan, ato yang poly...karena ketiga nya sama2 berperan memberi bagian header yang mau di kasih link...anggap lu udah milih yang petak aja...maka lu arahkan ke bagian mana yang lu mau kasih link...lihat contoh di bawah ini...

Kemudian file itu di save dan akan menjadi (mozila file)

"Cara menaruh gambarnya ke blog?" 

pertama tama upload dulu gambar header lu ke imgur.com
kemudian buka file mozila lu dengan open with notepad

Selanjutnya Lu ubah kode dalam notepad ini yang bagian  <img src="header.png" menjadi <img src="alamat gambar yang lu upload tadi" contoh <img src="http://i.imgur.com/8BuEE.jpg"
kemudian lu copy semua data yang di notepad & lu copy ke gadget HTML/JAVASCRIPT...Paste deh kode yang di notepad tadi... :-)


 dan taraaaaaa... jadilah header itu...