Assalamualaikum..
Sebuah Header bukan saja menunjukan apa nama dan deskripsi dari blog kita, Header juga bisa menjadi salah satu daya tarik utama sebuah blog bila kita mampu memaksimalkannya dengan baik. Header yang bagus, unik, lucu, gokil dan tidak pasaran tentu saja akan membuat pengunjung tertarik dan bisa saja mereka menjadi pembaca setia kita :).
Kali ini kita akan membahas bagaimana cara membuat Header blog yang berisikan Link. Langsung saja tanpa berbasa - basi :)
Yang kita butuhkan adalah 2 software dan 1 situs yang sudah tidak asing lagi ditelinga, Adobe Photoshop (atau bisa software photo editor lainnya), Dreamweaver (Untuk menambah link pada gambar), Photobucket (Untuk media penyimpanan gambar).
1. Pertama - tama buatlah dulu gambar yang akan sahabat jadikan header. Sebagus dan sekreatif mungkin, dan sesuai dengan selera sahabat :). Oh iya, jangan lupa untuk menyesuaikan ukuran gambar dengan ukuran header sobat, karena jika tidak sesuai ukurannya maka hasilnya nanti juga kurang baik (gambar bisa terpotong).
misalnya saja gambar ini yang akan menjadi header blog saya :
Simpan gambar tersebut dan keluar saja dari photoshop karena kita hanya membutuhkan photoshop untuk "mengotak - atik" gambar header kita :) .
2. Buka situs www.photobucket.com lalu sign up dan ikuti langkah yang ada jika sahabat belum mendaftar, jika sudah tinggal klik sign in -> upload -> select file from my computer -> pilih file header yang sudah disimpan tadi. Tunggu proses upload, dan jika sudah selesai maka hasilnya akan seperti ini :
Perhatikan bagian yang saya lingkari merah itu, nantinya direct link tersebut yang akan kita gunakan.
3. Sekarang kita tinggalkan dulu photobucket dan masuk ke dreamweaver. Klik File -> New -> HTML -> Klik create. Maka akan muncul jendela seperti ini :
Letakkan kursor setelah <body>, setelah itu klik insert -> image -> pilih gambar header yang sudah kita simpan tadi -> bila ada pilihan klik OK terus saja.
maka hasilnya akan seperti ini :
Lalu klik pada gambar, dan akan muncul rectangular hotspot tool dan oval hotspot tool pada bagian pojok kiri bawah. Gunakan kedua tools tersebut untuk menentukan area mana yang akan kita jadikan link.
Misalnya saya menggunakan rectangular hotspot tool untuk membuat gambar ikon facebook menuju akun facebook saya. maka caranya klik rectangular hotspot tool -> blok bagian gambar facebook -> pada kotak link masukkan url alamat yang dituju, sebagai contoh saya masukkan url yang menuju akun facebook saya -> pada target saya pilih "_blank" (agar link dibuka pada tab baru) -> pada alt masukkan kalimat / info yang akan muncul bila kursor diletakkan diatas gambar yang kita beri link.
4. kalau sudah semua bagian gambar yang kita inginkan diberi link, maka langkah selanjutnya tinggal menyimpan hasil kreasi kita tersebut. caranya tinggal klik file -> save as. Nah, hasilnya nanti berupa file .html, buka file tersebut dengan notepad dan hasilnya nanti akan seperti ini :
Lihat pada <img src="Untitled-1.jpg"... nah Untitled-1.jpg tersebut merupakan alamat gambar, ganti Untitled-1.jpg dengan alamat direct link yang telah kita bahas pada langkah 2 tadi. sehingga menjadi seperti ini bila saya contohkan milik saya :
<img src="http://i1070.photobucket.com/albums/u498/starvanzs/headerlink.jpg"....
5. Sekarang kita masuk ke blogger. pada dashboard klik design -> pada page elements klik add a gadget -> pilih HTML/Javascript -> Pada content masukkan kode yang ada pada notepad tadi mulai dari <img src... sampai </map> -> klik simpan
6. Drag widget Header baru yang telah kita buat tadi tepat dibawah header lama yang ingin kita gantikan.
7. Klik Edit pada widget Header lama kita dan pilih remove untuk menghapusnya. Klik save.
Selesaiiii.... haaaaaaahh :D
capek juga rasanya membuat tutorial yang panjang ini. semoga bermanfaat bagi sahabat semua :)
NB : Apabila ada pertanyaan silakan tinggalkan di komentar.
Salam hangat,
Irfan
Berlangganan Artikel Referensi Kita
+ comments +70comments
info menarik sob.. lanjutkan
Terimakasih BoWo atas Komentarnya di Cara Membuat Header Blog Berisikan Linksangat membantu....:D:D
makasih ya sob infonya...
Terimakasih Zaki Muttaqin atas Komentarnya di Cara Membuat Header Blog Berisikan Linksebelumnya makasih sob atas sharingnya..
Terimakasih game atas Komentarnya di Cara Membuat Header Blog Berisikan Linktapi kalau mau meletakkan script gambar tadi persis di posisi header gimana caranya gan..
Terima kasih semua atas kunjungannya :) semoga bermanfaat.
Terimakasih Mohammad Irfan Basuki atas Komentarnya di Cara Membuat Header Blog Berisikan Link@game : untuk menjadikan header baru yang kita buat bisa menggantikan header lama, kita tinggal menghapus header lama kita dan merubah posisi header baru tepat pada posisi header lama tersebut.
hal yang perlu diperhatikan sebelum menghapus header lama adalah biasanya secara default widget header itu dikunci, untuk mengatasinya kita bisa mencari kata "lock" pada edit html, lalu cari yang mengandung unsur header. Pasti nanti bentuknya lock=true. ganti saja dengan lock=false. kalau sempat akan saya buat post nya dikesempatan yang akan datang.
semoga bermanfaat :)
sudah di coba thank's ya bro
thanks sob
Terimakasih Living Things atas Komentarnya di Cara Membuat Header Blog Berisikan Linkkok pada saat disave gak bisa disave ya?
Terimakasih Eriska atas Komentarnya di Cara Membuat Header Blog Berisikan Linkpadahal locknya sudah saya ganti false. savenya emang lama atau gimana? terima kasih :)
aduhh, saya blum selesai blajar html blum bsa jadi
thxs mas bro
wah masih ada orang yang mau memberikan ilmunya ,mudah -mudahan mas Irvan Basuki diberi panjang usia sehingga ilmunya bisa di man fa'atkan pada orang banyak..
Terimakasih Bst--Milikku. atas Komentarnya di Cara Membuat Header Blog Berisikan Linkthnks ats ilmunya...
Terimakasih GAPALA-RL atas Komentarnya di Cara Membuat Header Blog Berisikan Linkcoba dulu gan,..!!
Terimakasih INFO DUNIA MAYA, NYATA, DAN GAIB atas Komentarnya di Cara Membuat Header Blog Berisikan Link>>mampir ya di : http://munsypedia.blogspot.com/
aamiin.. terima kasih semuanya gan, atas kunjungannya. semoga bermanfaat :)
Thanks infonya. Dipersilahkan mampir.. :)
Terimakasih Sistiyani atas Komentarnya di Cara Membuat Header Blog Berisikan Linkthnx infonya Sob,
Terimakasih Planet Kentir atas Komentarnya di Cara Membuat Header Blog Berisikan Linkakan saya coba thanks info nya sangat bermanfaat
Terimakasih ALAT ALAT SEX | ALAT SEKS | SEX TOYS atas Komentarnya di Cara Membuat Header Blog Berisikan Linkakan saya coba gan, thanks info nya sanggat bermanfaat
Terimakasih ALAT ALAT SEX | ALAT SEKS | SEX TOYS atas Komentarnya di Cara Membuat Header Blog Berisikan LinkThanks sarannya
Terimakasih Adandio atas Komentarnya di Cara Membuat Header Blog Berisikan Linkkapan kapan berkunjung dan follow blog aq yah nanti q follow back http://ilmubloggersyahdan.blogspot.com
yang mau follow blog aq nanti q follow back
blog posts and articles you draw me so much more knowledge, keep your blog so I can visit again to see your blog posts and articles later .. thanks for the info
Terimakasih 100 DOCUMENT TRIK GRATIS BUAT MESIN UANG GRATIS + TRAFIK BLOG 100% FREE atas Komentarnya di Cara Membuat Header Blog Berisikan Linkdreamweaver dapat darimana?
Terimakasih Monika Wibisono Putri atas Komentarnya di Cara Membuat Header Blog Berisikan Link@Monika :
Terimakasih Mohammad Irfan Basuki atas Komentarnya di Cara Membuat Header Blog Berisikan Linkdreamweaver bisa dibeli di http://www[dot]adobe[dot]com/products/dreamweaver[dot]html
jika ingin yang legal..
kalau yang bajakan tinggal download saja, di internet banyak kok. atau bisa meminjam dari persewaan software.
Terima kasih kunjungannya :)
wah mantap bro.
Terimakasih Tourpeace atas Komentarnya di Cara Membuat Header Blog Berisikan LinkSelamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara (Ｒａ Ｃｈ)
Mampir di blog baru saya bro ade2mama.blogspot.com
terimakasih banyak tutorialnya
Terimakasih Ian Josep atas Komentarnya di Cara Membuat Header Blog Berisikan Linksangat membantu :)
clear.. trims infonya & sangat bermanfaat
Terimakasih joesfredy atas Komentarnya di Cara Membuat Header Blog Berisikan Linkmakasih infonya.. mudah di mengerti
@hugo febriardhi Senang bisa membantu sob :)
Terima kasih atas kunjungannya :D
aku aku aku mau nanya kok pas saya klik malah ke blog sendiri yah??
Terimakasih @secangkirjupri atas Komentarnya di Cara Membuat Header Blog Berisikan Linkok gan mantep infonya, sudah saya buktikan sendiri, dan berhasil, hehe
Terimakasih bisnis online paling murah atas Komentarnya di Cara Membuat Header Blog Berisikan LinkThanks bro ^_^
Terimakasih Meown atas Komentarnya di Cara Membuat Header Blog Berisikan Linkgak ada dreamweaver bro. download dimana?
Terimakasih Oscar atas Komentarnya di Cara Membuat Header Blog Berisikan Linkhttp://wartabersama.blogspot.com
makasih cara membuat header blognya....
Terimakasih Obat Mata Minus Herbal atas Komentarnya di Cara Membuat Header Blog Berisikan Linkthanks ya...
Terimakasih Toko segala Obat Herbal atas Komentarnya di Cara Membuat Header Blog Berisikan Linkmantap dah.. mksih om
terimakasih infonya ..
Terimakasih lpsp atas Komentarnya di Cara Membuat Header Blog Berisikan Linkmantab
Terimakasih wahyu atas Komentarnya di Cara Membuat Header Blog Berisikan Linkmakasih gan .. berkat postingan ini, header blog ane jadi, hhehee..
Terimakasih thooink atas Komentarnya di Cara Membuat Header Blog Berisikan Linkcheck this out >> http://thegatotkacart.blogspot.com/
sekalian mampir hehe
manap nih langsung saya coba buat
Terimakasih Hanif atas Komentarnya di Cara Membuat Header Blog Berisikan Linksangat bermanfaat
Terimakasih Goblogg3r 23 (Ari Setiadi) atas Komentarnya di Cara Membuat Header Blog Berisikan Linksalam dari kami : http://tutsteck.blogspot.com/
gan , kalau herder nya di hapus,.
Terimakasih Rian Duha atas Komentarnya di Cara Membuat Header Blog Berisikan Linkada pesan kesalahan , bila di save
ini pesan nya,,,
Template diperbarui di tempat lain. Silakan muat ulang laman asli dan ulangi lagi.
Error 500
tolong lah gan , pencerahan nya
makasih tutot nya bang :D
Terimakasih Muh. Yudhi Purnama atas Komentarnya di Cara Membuat Header Blog Berisikan Linkterimakasih gan sangat membantu.
Terimakasih TIPS AGAR TIDAK BOSAN NGEBLOG atas Komentarnya di Cara Membuat Header Blog Berisikan Linkmasih gagal juga ane gan
Terimakasih Teknisi Laptop Komputer Gayo atas Komentarnya di Cara Membuat Header Blog Berisikan Linkkeren sob,,,,
Terimakasih Anonymous atas Komentarnya di Cara Membuat Header Blog Berisikan Linkterimakasih sangat membantu
bila berkenan kunjungi blog ane gan Di
Danny-gitaronline
oke ... sangat membantu.. tanks
Ini yang saya cari.. tapi kurang cocok sama keinginan saya. mohon bisa bantuannya di blog saya mau saya kasih link page pada header setelah link home blog. gimana ya caranya.? terima kasih.
Terimakasih VIEW RUMAH atas Komentarnya di Cara Membuat Header Blog Berisikan LinkSAYA SUDAH TERAPKAN TERNYATA BERHASIL. TERIMA KASIH
Terimakasih Anonymous atas Komentarnya di Cara Membuat Header Blog Berisikan LinkWah, jadi begini ya caranya. Siap dicoba :D
Terimakasih Muhammad Rifqi Saifudin atas Komentarnya di Cara Membuat Header Blog Berisikan Linksangat bermanfaat sekali sob. ini yg saya cari.
Terimakasih Download Games PC Lengkap atas Komentarnya di Cara Membuat Header Blog Berisikan Linkthanks
Terimakasih Anonymous atas Komentarnya di Cara Membuat Header Blog Berisikan LinkNice.. Kujungan baliknya jangan lupa bro.. Hidayathandoko.blogspot.com
Terimakasih Alif Nur Rohman atas Komentarnya di Cara Membuat Header Blog Berisikan LinkLumayan puyeng. Ini cara tersimpel ya? Soalnya saya juga pengen bikin begini dikarenakan judul header saya kok font-nya jadi sama dengan isi artikel. itu gimana ya?
Terimakasih Santi atas Komentarnya di Cara Membuat Header Blog Berisikan LinkThx bantuannya gans
Terimakasih Gamers atas Komentarnya di Cara Membuat Header Blog Berisikan LinkTerima kasih untuk berbagi dalam artikel ini , semoga bermanfaat dan anda sukses selalu.
Terimakasih VAKUM PEMBESAR PENIS atas Komentarnya di Cara Membuat Header Blog Berisikan Linkbuat ngelink, bisa pakai software lain selain dreamweaver?
terima kasih infonya bos
Terimakasih vimax atas Komentarnya di Cara Membuat Header Blog Berisikan Linksip
Terimakasih obat penggugur kandungan atas Komentarnya di Cara Membuat Header Blog Berisikan Linkoke
Terimakasih alat bantu sex atas Komentarnya di Cara Membuat Header Blog Berisikan Linkterimakasih atas bantuannya dengan berupa artikel yang dibuat mayan jadi ada tambahan buat saya masalahnya....
Terimakasih aci atas Komentarnya di Cara Membuat Header Blog Berisikan Linknice blog
Terimakasih anabolic rx24 asli atas Komentarnya di Cara Membuat Header Blog Berisikan Linknice blog
Terimakasih Titan Gel asli atas Komentarnya di Cara Membuat Header Blog Berisikan LinkSelamat datang di intanqq
Ayo bergabung bersama kami, tersedia 7 permainan dalam 1 ID:
- Sakong (New Game)
- Bandar Poker (New Game)
- BandarQ (Hot Game)
- Poker
- Domino
- Capsa Online
- AduQ
Apa kelebihan bermain di intanqq? Berikut kelebihannya:
- BONUS TURNOVER 0.3% SETIAP HARI
- BONUS XTRA TURNOVER SETIAP MINGGUNYA
- BONUS REFERAL 10% +10% SEUMUR HIDUP!!
- MIN DEPO IDR 15.000 dan Proses super cepat 1 menit.
- Bisa dimainkan di Smartphone Versi Android dan Iphone.
- Win rate 98%
- No robot
- Fair play 100% player vs player
Tunggu apalagi? Ayo segera bergabung sebelum ketinggalan promonya :)
this information really helps me in inspiring the future ......
Terimakasih obat denature atas Komentarnya di Cara Membuat Header Blog Berisikan Linkthanks and good luck ........
visit also my website below ........ please ..........
Cara Mengobati Penyakit Sipilis
Obat Gatal Di Selangkangan
Obat Kanker Tanpa Operasi
Obat Diabetes
Obat Penyakit Sipilis
Obat Sipilis Herbal
Dicoba Guyss Tingkat Kemenangan Tertinggi di Indonesia, Artikel yang Bagus TOP MArkotop.
Terimakasih Agen Poker atas Komentarnya di Cara Membuat Header Blog Berisikan LinkSitus Judi Online
Agen Poker
WIN RATE 98%
Makasih banyak info sharingnya gan! update terus...
Terimakasih juarataruhan atas Komentarnya di Cara Membuat Header Blog Berisikan LinkJuaraTaruhan.COM
Agen Judi Bola Sbobet
Agen Judi Bola Sbobet Casino Online Terpercaya
Klg
Terimakasih KLG atas Komentarnya di Cara Membuat Header Blog Berisikan LinkKlg Asli
Hendel Forex
Hendel Forex Asli
Erogan
Erogan Asli
Vmenplus
Vmenplus Asli
VigRX Plus
VigRX Plus Asli
Testo Ultra
Testo Ultra Asli
Vakum Penis
Vakum Pembesar Penis
Cialis
Cialis Asli
Levitra
Levitra Asli
Bermain pada situs poker online idn yang terpercaya ini https://ignitiondeck.com/id/forums/users/55528 akan bisa memberikan banyak kemenangan dan keuntungan serta jackpot besar yang akan bisa kalian dapatkan.
Terimakasih JM atas Komentarnya di Cara Membuat Header Blog Berisikan LinkEZSLOT99
Terimakasih EZSLOT99 atas Komentarnya di Cara Membuat Header Blog Berisikan LinkAgen Slot Online Mudah Menang
bandar bola terpercaya
Post a Comment