Menambahkan Elemen Baru di Bawah Header

Pertama-tama, sebelum kita mempelajari lebih jauh tentang menambahkan elemen baru di bawah header, kita harus tahu dulu apa sih header itu? Header adalah informasi awal atau data yang berguna untuk kategorisasi atau transmisi tujuan utama sebuah blog. Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Contohnya bisa sobat lihat pada gambar berikut ini ...

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

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Klik Tulisan Download Template Lengkap (baca: Cara Backup Templates) untuk berjaga-jaga.
5. Copy kode berikut, lalu paste di atas kode ]]></b:skin>
   
   %23under_header%7B%0Amargin%3A10px%200%3B%0Apadding%3A1%25%3B%0Awidth%3A98%25%3B%0A%7D
   
   
6. Cari kode yang mirip dengan kode di bawah ini :
   
   <div id='header-wrapper'> 
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>
       </div>
7. Copy kode berikut lalu paste persis di bawah kode tadi :
   
   %23under_header%7B%0Amargin%3A10px%200%3B%0Apadding%3A1%25%3B%0Awidth%3A98%25%3B%0A%7D
   
   
8. Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda tersimpan.
   
9. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
   
   
   
10. Sekarang sobat sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang  inginkan.
11. Selesai.

Kode-kode di atas Saya encrypt. Walaupun sedikit membingungkan dan aneh di mata sobat tetapi tetap berhasil jika dicoba. Silahkan dicoba ...

Ingin Berlangganan Artikel Terbaru ke email kamu? Masukan Email kamu disini:

Tidak tahu cara berlangganan? Klik disini

Related Post:

Blog

• Ribuan Backlink Gratis dari IMTalk
• Cara Memasang Tweetmeme di Setiap Postingan
• Cara Mendaftarkan Blog ke DMOZ
• Cara Membuat Short URL Google Plus
• Cara Daftar Google Plus (Google+)
• Google Update Pagerank Juli 2011
• Cara Menghapus dan Mengecek Broken Link Pada Blog
• Apa itu Google Plus (Google+) ?
• Tips Menghadapi Komentar Negatif
• Menambah Meta Tag Untuk Perkuat Postingan Kontes SEO
• Kontes SEO, Berbahaya!
• Pentingnya Menjawab Setiap Komentar di Blog
• Kenali Pengunjung Blog Anda
• 10 Artikel Terbaik Bulan Juni 2011
• Metode On Page dan Off Page SEO
• Cara Membuat Link Internal di Setiap Postingan
• Siapa Pengunjung Setia di Blog Anda?
• Tips Mendapatkan Pengunjung Setia di Blog
• Favicon Generate - Fitur Baru Blogger
• Cara Menambah Tombol Google +1
• DAW-XP Toolbar - Akses Cepat Menuju DAW-XP
• Cara Membuat Toolbar Alexa Sendiri
• Cara Memasang Alexa Widget
• Manfaat Alexa Toolbar
• Apa itu Alexa Rank?

Hacks

• Cara Membuat Permalink di Blogspot
• Cara Memasang Tweetmeme di Setiap Postingan
• Membuat Navigasi Ala Google di Blogspot
• Cara Manipulasi Jumlah Komentar
• Cara Menambah Emotion Pada Kolom Komentar
• Merubah Warna Header Pada Blog
• Cara Membuat Garis Lengkung Pada Border
• Cara Membuat Navigasi Halaman Bernomor

Anda sedang membaca artikel tentang Menambahkan Elemen Baru di Bawah Header dan anda bisa menemukan artikel Menambahkan Elemen Baru di Bawah Header ini dengan url http://daw-xp.blogspot.com/2011/04/menambahkan-elemen-baru-di-bawah-header.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Menambahkan Elemen Baru di Bawah Header ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Menambahkan Elemen Baru di Bawah Header sumbernya.