Cara Membuat Link Button Pada Header

Haliemzulvio.com – Halo sobat blogger ! ketemu lagi sama admin kece yang hari ini bakal share tentang tips seputar blogging. Hari ini saya akan membahas tentang Cara Membuat Link Button Pada Header. Mungkin kalian pernah bertanya-tanya “gimana caranya membuat header kayak blognya bang Benakribo, sama bang Alitt (shitlicious) yang bisa diklik gitu?”. Ternyata membuatnya tidaklah terlalu sulit. Hanya saja kita yang mesti kreatif dalam mendesain headernnya.
Yah langsung saja kita mulai.Baca juga Cara Mudah Mendapatkan Dollar Gratis Dari Android

Cara Membuat Link Button Pada Header

1. Pertama, siapkan tools dibawah ini :
 2. Lalu, desainlah header sesuai selera kamu. Disarankan untuk menggunakan resolusi 1000px untuk panjang header nya agar pas diblog, atau kamu bisa menggunakan Inspect Element dengan firefox kamu untuk mengetahui lebar resolusi header kamu.
Cara Membuat Link Button Pada Header
Desain dengan CorelDraw
3. Jika sudah, silahkan buka Dreamweaver kamu, lalu Klik New, dan pilih HTML.
4. Lalu Pilih menu Code untuk menampilkan kode HTML nya. Lalu Klik icon gambar untuk menambahkan gambar header yang telah dibuat.
Cara Membuat Link Button Pada Header
Pilih menu Code, dan klik icon gambar.

5. Setelah gambar ditambahkan, isi Tag dibawah ini dengan url blog/web kamu.

Cara Membuat Link Button Pada Header
Isi dengan URL blog/web

6. Lalu klik menu Design untuk memulai membuat Link-Link Button di header kamu. Dan pilih shape yang kamu suka. (*di gambar ditandai kotak merah).

Cara Membuat Link Button Pada Header
Klik Design dan Buat Link dengan shape.

7. Setelah Link Button dibuat, isi Link dengan URL kamu, dan target jadikan “_blank“, Alt nya isi saja nama button tersebut.

Cara Membuat Link Button Pada Header
Isi Link, Target, dan Alt

8. Jangan lupa upload dulu gambar header kamu ke photobucket.com.

Cara Membuat Link Button Pada Header
Upload gambar header ke photobucket.com

9. Setelah diupload, copy direct link gambar header kamu.

Cara Membuat Link Button Pada Header
Copy direct link gambar headermu
10. Kembali lagi ke Dreamweaver. Ganti link source nya dengan link direct header mu yang sudah di upload ke photobucket. Lalu copy kode html nya mulai dari <img src=’ …. sampai </img>.

 

Cara Membuat Link Button Pada Header
Ganti link source nya dengan link direct header mu yang sudah di upload ke photobucket

11. Lalu tahap akhir. Buatlah widget html di blog, lalu paste-kan code html yang kita copy dari dreamweavernya. lalu klik Simpan.

Mungkin sampai disini dulu pembahasan kali ini. Jika ada pertanyaan silahkan tinggalkan komentar. Terima Kasih.

Baca juga Cara Mendapatkan Gems CoC Gratis

==========================================

Tags: cara membuat header benablog Cara membuat header keren. Cara membuat header yang bisa di klik cara membuat header keren.cara membuat header dengan corel. Header keren. contoh header keren. cara membuat header shitlicious Cara Membuat Link Button Pada Header cara membuat link di header

author
Penulis: 

    Posting Terkait "Cara Membuat Link Button Pada Header"

    Inilah Beberapa Game Multiplayer Android Favorit
    Inilah Beberapa Game Multiplayer Android Favorit -
    Star Wars: Galaxy of Heroes APK [MOD]
    Star Wars: Galaxy of Heroes Kumpulkan karakter
    Minecraft: Pocket Edition v0.14.3 APK
    Minecraft - Pocket Edition - Bayangkan, lalu
    Lara Croft: Relic Run v1.10.97 APK [MOD]
    Lara Croft: Relic Run - Ketika konspirasi