Membuat Header Blog Ber-Link

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.

Blog Ridho Tawaka

Membuat Header Blog Ber-Link:

Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
  1. Desain header (.jpg .png .jpeg dll)
  2. Adobe Dreamwaver
  3. Akun Image Hosting
Setelah semua siap, langsung meluncur ke TKP.

  • 1. Desain Header

Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll 

  • 2. Adobe Dreamwaver
Adobe Dreamwaver 1

Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create

Adobe Dreamwaver 2

Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok

 Adobe Dreamwaver 3


Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.

Adobe Dreamwaver 4

Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik

Adobe Dreamwaver 5

Lihat yang saya beri nomor:
  1. Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau blog
  2. Target: "Blank" => Jika di klik akan muncul di tab baru. "Parent" => Tab yang sama dll
  3. Alt: Dikosongkan juga tidak apa-apa
Jika sudah pilih: File => Save As => Ok

  • 3. Akun Image Hosting

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  

Notepad 1

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>

Notepad 2

Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.

Note:
  1. 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 
  2. 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.

2 komentar:

--> Berkomentarlah, tapi menggunakan kata yang sopan
--> Mohon jangan ada link aktif
--> Mohon jangan spam atau malware
--> Usahakan berkomentar sesuai dengan topik artikel

Terimakasih Atas Kunjungannya.