Membuat Header Blog Ber-Link - Header blog atau bisa disebut judul nama
blog sobat yang terletak diatas blog. Jika sobat ingin merubah blog sobat yang cuman tulisan
doang, menjadi tulisan + gambar + bisa di klik lagi. Ikuti langkah dibawah ini.
Membuat Header Blog Ber-Link:
Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
- Desain header (.jpg .png .jpeg dll)
- Adobe Dreamwaver
- Akun Image Hosting
Setelah semua siap, langsung meluncur ke TKP.
Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll
Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create
Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok
Sobat block tulisan setelah tag <body> sampai </body> seperti
gambar diatas. Setelah itu lihat gambar seperti dibawah ini.
Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau
poligon yang nanti bisa di klik
Lihat yang saya beri nomor:
- Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau
blog
- Target: "Blank" => Jika di klik akan muncul di tab baru.
"Parent" => Tab yang sama dll
- Alt: Dikosongkan juga tidak apa-apa
Jika sudah pilih: File => Save As => Ok
Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang
belum punya akun image hosting, sobat bisa pilih akun
imageshake (Karena saya
pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut
(bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah
ambil deh kodenya yang ada di share it --> Direct
Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan
Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with =>
Notepad
Lihat yang saya block
, sobat
ganti kode tersebut dengan url yang
sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save.
Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut =>
Open with => Notepad. Jika sudah sobat copy yang ada di tag antara
<body> sampai </body>
Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.
Note:
- Penempatan widget yang isinya kode html
tadi di atas ya (kan namanya juga Header (atas), kalau bisa diatas header, jika sobat tidak tahu cara Menambah Kolom Diatas Header <= lihat caranya
- Template yang bisa diganti template bawaan blogger (bukan bawaan blogger saya kurang mengetahui)
Selamat sekarang header blog sobat berubah. Begitulah cara
Membuat Header Blog Ber-Link yang bisa saya berikan.