Jika Muncul pop up kayak gini klik ok saja

6. Selanjutnya Lihat Kolom propertise (Kotak Merah), Setelah Itu Lihat Yang Saya beri Kotak warna Biru, Di situ ada Bentuk Kotak, Bulet, Dan Poligonal. Kemudian Pilih Salah Satu. Fungsi dari ketiga bentuk tadi berfungsi untuk membuat link secara area.

7. Pilih Salah Satu Dari ketiga bentuk tadi (Misalkan Bentuk kotak) Kemudian Blok gambar / tulisan yang anda mau beri link. Misalkan Tulisan Home Atau gambar logo twitter yang anda mau beri link.

    Kemudian isi data yang saya beri kotak warna merah. Kolom Link isi sesuai dengan tujuan kemana link itu dan

Kolom target isi sesuai dengan kemauan anda, _blank akan membuka tab baru jika ada yang mengklik link itu, dan _self akan membuka link tersebut di tab yang sama.

Saya Hanya Mencontohkan satu saja, yang lainya buat sendiri saja.

8. Save Dengan format Html

 

9. Buka File Html tadi yang udah di save, buka pake notepad. Kalau udah kebuka lihat kode img src="Contoh.jpg" sumber headernya masih di komputer kita jadi kita harus upload gambar header yang sudah anda buat ke Photbucket

10. Sign in ke photobucket , kalau ga punya akunya bisa sign in pake facebook / twitter. kalau sudah kemudian pilih upload  setelah itu klik select photos and videos.

Upload header yang telah anda desain tadi (Yang Diupload bukan yang format Html tapi gambar header)

11. Kemudian pilih View Album > klik gambar header yang telah anda buat setelah itu klik dan copy pada kolom direct link.

12. Paste ke kode img src="Contoh.jpg" menjadi  img src="http://i1243.photobucket.com/albums

      /gg543/YohanesOcta/Contoh.jpg" 

13. Copy Kode dari <img src= sampai ke kode /map>

ga usah kaget, kok kodenya cuma sedikit ? tenang saja kalau semakin banyak link yang di buat maka semakin banyak kodenya, tadi aku hanya buat 1 contoh link aja makanya cuma sedikit aja kodenya.

 

14. Login ke blogger kemudian pilih tata letak > tambah gadget > pilih html / javascript kemudian paste kod tadi

Pastekan kode tadi