Membuat Header Blog bisa diklik

    Berhubung banyak masyarakat bertanya-tanya sama gue:
"om semut? gimana sih cara bikin header KEREN kayak om gitu? .
    Oke , caranya mudah asal kamu mau . om semut akan ajarin kok . sebelum itu akan lebih mudah jika kamu follow om dulu di @semutboy (Promooo terussss) .

sebelum memulai kamu harus mempunyai hal-hal seperti dibawah ini :
  • NIAT (ini sangat perlu)
  • BLOG ( ya gimana mau bikin header blog , kalo gak punya blog :p)
  • KOMPUTER YANG TERKONEKSI INTERNET .
  • SOFTWARE GRAPHIC DESIGN : CORELDRAW - PHOTOSHOP - PHOTOSCAPE - PAINT (terserah mau menggunakan yang mana , sesuai kemampuan aja)
  • MEMPUNYAI SOFTWARE DREAMWEAVER . 
setelah melengkapi itu semua , mari kita mulai .




- BUATLAH HEADER DENGAN MENGGUNAKAN SOFTWARE GRAPHIC DESIGN DIATAS .

- ATUR AJA KIRA-KIRA BERAPA UKURAN HEADERNYA . ( om semut , menggunakan coreldraw dan ukurannya 8x3 cm)
- KEMUDIAN SAVE DENGAN FORMAT PNG (lebih baik) , kalo mau save ke JPEG juga boleh .

-  BUKA DREAMWEAVER

- INSERT ATAU MASUKKAN GAMBAR DENGAN --> pilih INSERT --> IMAGE / ctrl+alt+i

- KALAU MUNCUL PESAN , OK-in AJA , BIAR CEPET :P 


- SETELAH GAMBAR YANG DIBUAT TADI DI INSERT KE DREAMWEAVER . BERIKUTNYA , SELEKSI GAMBAR YANG AKAN KITA BERL LINK .

( LINK ITU YANG KAYAK GINI )
Yang ditandai warna merah diatas itu URL atau link yang akan dimasukkan

 - GUNAKAN TOOL DIBAWAH POJOK KIRI UNTUK MENYELEKSI GAMBAR YANG AKAN DIBERI LINK .

- BERILAH LINK SESUAI DENGAN ALAMAT URL YANG DITUJU .

- PILIH TARGET 
   * _self = untuk membuka tetap di halaman
   * _blank = untuk membuka ke tab yang baru

 
- untuk kamu yang belum ngerti sama link . oke misalnya kamu masukkan link twitter kamu pada area yang kamu seleksi , maka saat diklik didaerah / area yang kamu seleksi , secara otomatis langsung menuju ke twitter kamu . 

- seandainya kamu pilih target _blank , maka dia akan membuka tab baru dan menuju ke twitter kamu . gitttuuuu !! ngerti? . gue sih enggak !

- LAKUKAN LAH PADA SEMUA AREA YANG INGIN KAMU BERI LINK 
Hasil seleksi semua area dan diberi link
- SETELAH SEMUA AREA DISELEKSI DAN DIBERI LINK , SELANJUTNYA DISAVE AJA .
( Ingat !! target _blank untuk membuka tab baru , dan _self untuk membuka tetap dihalaman itu)


- SEBELUMNYA HAPUS DULU HEADER BLOG KAMU SEBELUMNYA . CARANYA:
- MASUK KE BLOG KAMU , PILIH TEMPLATE --> EDIT HTML --> CENTANG EXPAND TEMPLATE WIDGET .
- TEKAN CTRL+F , CARI KODE showaddelement= 

- UBAH showaddelement=’no‘/>
   <b:widget id=’header’ locked=’true

 
-UBAH NO MENJADI YES , DAN TRUE MENJADI FALSE . SEHINGGA JADI SEPERTI INI :
showaddelement=’yes‘/>
   <b:widget id=’header’ locked=’false


(PERHATIAN !! TERKADANG KODE ITU ADA DUA . JADI GANTI AJA DUA-DUA NYA)
 -HAPUS HEADERNYA :



- SELANJUTNYA KAMU LOGIN KE PHOTOBUCKET . DAN UPLOAD GAMBAR HEADER YANG KAMU BUAT DI CORELDRAW/PHOTOSHOP/PHOTOSCAPE/PAINT TADI .

LOGIN PHOTOBUCKET

UPLOAD

KLIK YANG DILINGKAR MERAH
COPY DIRECT LINK
 - NEXT !! (sok inggris :p) . BUKA KODE HTML YANG TELAH DIBUAT TADI DENGAN NOTEPAD .

KLIK KANAN PILIH PROPERTIES
- GANTI DENGAN NOTEPAD .

PILIH CHANGE


- KEMUDIAN BUKALAH KODE TERSEBUT , MAKA AKAN MUNCUL SEPERTI INI :

- GANTI KODE YANG DIBLOK SEPERTI GAMBAR , DENGAN DIRECTLINK DI PHOTOBUCKET YANG TELAH DICOPY TADI.
- DIRECTLINK PHOTOBUCKET / DIRECTLINK GAMBAR YANG KITA UPLOAD TADI ,DICOPY DAN DIGANTI DENGAN  :


- MAKA AKAN BERUBAH SEPERTI INI 

- HAPUS KODE YANG DIBLOK INI 

- BLOK SEMUANYA DAN COPY . ( ingat save terlebih dahulu / ctrl+s )


- KEMUDIAN SIMPAN TEMPLATE , MASUKLAH KE LAYOUT/TATA LETAK , 

- TAMBAH GADGET --> PILIH HTML/JAVA SCRIPT --> MASUKKAN KODE DARI NOTEPAD DREAMWEAVER TADI . DAN SAVE .


MAKA LIHATLAH KEAJAIBAN HEADER KAMU .
SELAMAT MENCOBA . KALAU MASIH RAGU DAN ADA MASALAH , BISA MENTION KE TWITTER GUE --> @semutboy (PROMO LAGIII)


 

12 Cibiran

puyeng nih, bisa tolong buatin aja gak? wk

Balas

eh busyeeet agak ribet ya, eh emang ribet deh..
mau laa minta tolong dibuatin mut >.< *tarik tarik celana cemut*

ya ya yaa

Balas

lu SMk jurusan apasih mut? desain apa RPL? -_-
gue akuin elu lumayan gak bego amat sih bahaha :v

Balas

selamat semuanya enggak benar , gue jurusan TKJ (Teknik Komputer Jaringan) Kek heker gitu :v wakakak. cuma hobi ngedesain

Balas

huahahha bayar , harganya sejuta ribu milyar

Balas

kalau ngomongnya berdua sambil makan malam gimana

Balas

puyeng aku baaaaaaaaaaaaaaaaang

Balas

bisa sih, tapi kok malah gambar headernya geser ke kanan (gak pas di tengah).. gimana dong

Balas

kalo cara ngumpulin sub-subnya gitu? :/

Balas

Rumit begitu ya yann :/

Balas

Ini kolom komentar, bukan formulir pendaftaran jadi pacar aku ya!

Copyright 2014 Semutboy

Concept by Apriansyah. Designed by Jang!