Menambah Elemen Baru Di Atas Header - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Senin, 07 Maret 2011

Menambah Elemen Baru Di Atas Header

Setelah pada postingan kemarin saya membahas tentang Cara Memubuat Footer Multi Kolom, pada postingan kali ini saya akan membahas cara menambah elemen baru atau add gadget di bagian atas header.

Menambahkan elemen baru di atas header memang mempunyai banyak fungsi. Selain bisa untuk meletakkan script iklan, juga bisa untuk menambahkan horizontal menu bagi blog yang belum ada horizontal menunya.

Ok, tanpa panjang lebar lagi langsung saja kita mulai acara ini
( Maksudnya tutorial ini hehehe... )

1. Login ke akun blogger sobat.
2. Pilih design lalu edit HTML.
3. Download full template dulu, takut kalau terjadi kesalahan.
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini DI ATAS ]]></b:skin>

#gadget_header{
margin:10px 0;
padding:1%;
width:100%;}

6. Cari kode <div id='header-wrapper'> dan pasang kode berikut DI ATAS <div id='header-wrapper'> tadi

<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

7. Langkah terakhir save template dan lihat perubahannya.


Note: Tidak semua template memiliki kode yang sama, jadi cari yang mendekati dan jangan takut mencoba.


Semoga bermanfaat.
Alhamdulillah...

24 komentar:

  1. Sangat bermanfaat artikel2 kamu, saya suka dan mencobanya.....

    BalasHapus
  2. Terima kasih mbak, silahkan di coba semoga bermanfaat..

    BalasHapus
  3. mantabbb!!! makasih sob, tutorialnya... bermanfaat, kutunggu kunjung baliknya y... :d

    BalasHapus
  4. ilmu yg bermanfaat bro , thanks ya :)

    BalasHapus
  5. nice post gan...., like thislah....
    visit me back pls...
    http://healtyguide.com

    BalasHapus
  6. bos, mau tanya ni...
    div id='header-wrapper'> untuk kode tersebut dihtml saya nggak ada yang ada
    div id='header-inner'>

    bisa nggak bos?

    BalasHapus
  7. kenapa aku mencari kode yang kedua
    tidak ada di blog aku, tolong solusinya.

    kirim via email aku :
    yusdin_wolio@yahoo.co.id
    blog :
    http://yusdinu.blogspot.com

    BalasHapus
  8. agan... ni template nya bagus... minta link download nya donk, boleh ga...?

    BalasHapus
  9. makasih tipsnya gan, langsung di praktikan

    BalasHapus
  10. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    BalasHapus
  11. informasinya sangat bagus sekali...
    saya suka..
    banyak pengetahuan yang saya dapatkan setelah saya berkunjung ke blog ini....

    BalasHapus
  12. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

    BalasHapus
  13. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    BalasHapus
  14. trimakasi atas infonya semoga dapat bermanfaat gan

    BalasHapus
  15. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    BalasHapus

Post Top Ad

Space Iklan