Cara membuat Elemen Persis Di bawah Header Dalam Template Black Quanta


Dalam blog kolom-tutorial.blogspot.com yang dimiliki oleh kang Rohman, saya mendapatkan cara membuat elemen persis dibawah header.

Dan kata kang Rohman “Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda”, nah…. itu dia, ketika saya coba di dalam blog saya…. apa yang terjadi, ternyata template yang saya gunakan tidak memiliki/tidak sesuai dengan script yang terdapat di blog nya kang Rohman….(waduh aku harus ngoprek2 sendiri nih….).

so…

Let’s Begin…

Didalam Black Quanta template memang sedikit berbeda dengan script yang diberikan oleh kang Rohman tentang membuat elemen dibawah header. Dari yang saya lihat perbedaannya hanya di peletakkannya saja…

ok…

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 :

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 ]]></b:skin>

#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 :

<div id="under_header">
<b:section class='header'id='underheader' preferred='yes'/>
</div>

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.

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.

13. Selesai.

One thought on “Cara membuat Elemen Persis Di bawah Header Dalam Template Black Quanta

  1. waduh… pa kabar neh.. lama gak berkunjung… btw keren postingannya…maen2 ke blog temenmu nu… ku tunggu balik key…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s