Membuat widget di bawah navbar

Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :

    elemenheader

  4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
  5. Klik tab Edit HTML.
  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
  7. Copy kode berikut, lalu paste di atas kode ]]>

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

  8. Cari kode yang mirip dengan kode di bawah ini :





  9. Copy kode berikut lalu paste persis di bawah kode tadi :



  10. Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.

  11. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.

    kolom-header

  12. Yihaa! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang inginkan. Mau pasang iklan google adsense, klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana? silahkan wong blog anda.

Kode-kode yang saya tuliskan di atas tentunya tidaklah mutlak, itu hanya kode paling sederhana yang saya buat untuk membuat tutorial anda dapat menggantinya jika anda mulai mengerti bagai mana caranya.

Comments :

6 komentar to “Membuat widget di bawah navbar”
JamboRujak mengatakan...
on 

ini dia yang ku cari-cari...thanks berat sob...nice info

pemancing mengatakan...
on 

wah....nambah lagi ilmuku.
Kutunggu ilmu-ilmu yang lain. Biar tambah pintar diriku ini. He..he..he.......100x
Sii..........p !!

Admin mengatakan...
on 

nice tutor

keren kang
saya aja ampe nggak kepikiran

http://ping-your-heart.blogspot.com/

Jeri mengatakan...
on 

Sip, Nanti di praktekin bwt blog baru ku.
Thanks tutorny.

Browsing dpt Dollar mengatakan...
on 

Beberapa hari yang lalu sya pernah mencoba iseng2 nambag/duplikatin widget baru, tapi akhirnya gagal melulu alias gak bisa disave melulu. gak sekali or dua kali. tapi berkali-kali hasilnya sama aja gak bisa.

Tapi sekarang ada tutorialnya saya coba dah praktekin nanti. Mudah2an berhasil. Thanks tutornya neh, izin mencoba ya...

Btw kalo mau nambahin tab gimana ya kode2nya?
ditunggu tutor berikutnya...

Indonesia Blog Networking mengatakan...
on 

Jangan lupa backup templates nya dulu.... penting loh..

Posting Komentar