Buat Header Tab dengan Design sendiri

Assalamu'alaikum Wr.Wb

=^.^=

Lama sudaaa tak ada update blog ,, jangankan update buka aja udah jarang hehe .. 

Mungkin dikarnakan faktor kesibukan ini,, ehh karna faktor malas la tepatnya tu ckckck --"

Ok fix haha ada yang tanya ni, cemana cara buat header macam blog dyra tu kan ,, nampak tak yang dilingkar merah??

Baiklah,, now mari kita mulai tutornya ya hehe

1. Photoshop

    * file --> new

    * pilih bagroundnya TRANSPARANT ya guys
    * buatlah tulisan yang ingin kalian buat, pilih jenis tulisannya sesuka hati kalian ..

    * nah ,, kalau sudah siap SAVE dengan format PNG ya NOT JPG

2. Upload gambar yang dirancang tadi

    * KLIK DISINI

    * Jika sudah diklik ,, ikuti langkah langkah gambar dibawah ini ^^

       

   
Tampak macam ini semua syntax yang dicopy tadi kan.. (dari gambar yang dyra upload,,, syntax nampak seperti dibawah ini)

    <a href="http://imgur.com/ydV9A9I"><img src="http://i.imgur.com/ydV9A9I.jpg" title="Hosted by imgur.com" /></a>

     Dari syntax diatas ,, cukup copy syntax yang berwarna merah sahaja ya ^^

Then
3. Open your Blog guys
    * Dashboard --> Tata Letak --> Add Gadget --> HTML Java Script
     
 
   * Copy kan syntax berikut

<center><a href="alamat blog kalian"
target="_blank"></a>
<a href="http://alamat blog kalian//2012/07/apa-guna-buat-blog.html" target="_blank"><img style="width: 165px; height: 51px;" src="http://i.imgur.com/xLxbtZT.png"  border="0" /></a  <a href="http://virdyratasril.blogspot.com//2012/07/tutorial.html" target="_blank"><img style="width: 165px; height: 51px;" src="http://i.imgur.com/IKRXWVA.png"  border="0"/</a>  <a href="http://virdyratasril.blogspot.com//2012/07/lainnya.html" target="_blank"><img style="width: 165px; height: 51px;" src="http://i.imgur.com/0tNXAUh.png" border="0" /></a><a href="http://virdyratasril.blogspot.com//2014/04/contact.html" target="_blank"><img style="width: 165px; height: 51px;" src="http://i.imgur.com/KpOtTaF.png"  border="0" /></a></center>

        - Tulisan warna pink : link foto yang diupload tadi
        - Tulisan warna biru : link Tautan Permanen Masing Masing Entri (lihat yang dilingkar merah)
           ex :

 Note : Jadi Masing Tab HOME | TUTORIAL | AKTIVITI | CONTACT yang dira punya,, harus dibuat Pos Entry sebelumnya terlebih dahulu ,, baru nanti bisa didapat link Tautan Permanen ^^

Kalau suda .. Tekan save .. refresh blog .. coba lihattt menjadi tidak????

Selamat Mencoba guys .. semoga berhasil ya ^^

Contact

Assalamualaikum Wr. Wb

Instagram    : virdyra
Twitter        : adek_dira
Facebook    : Virdyra Tasril "Adeq"






Wassalam Wr. Wb