TUTORIAL

Trend 2015

Selasa, Oktober 18

Cara Menambah Kolom Gadget di Bawah Header

Tidak semua template blog memiliki kolom tambah gadget di bawah header, padahal kolom ini keberadaannya sangat diperlukan. Misalnya untuk tempat membuat menu, memasang iklan, memasang ucapan selamat datang dan sebagainya. Bagi anda yang template blognya belum tersedia tambah gadget atau kurang dan ingin menambah kolom tambah gadget di bawah header untuk berbagai keperluan maka kesempatan ini saya akan sharing tentang hal tersebut.
Meskipun di luar sana sudah banyak yang menulis artikel ini tetapi saya kembali akan menuliskan agar tetap ingat bila suatu saat nanti saya membutuhkan lagi atau bila ada teman yang kebetulan mancari artikel seperti ini kesasar ke blog ini tentu juga dapat membantunya.
Untuk membuat satu kolom tambah gadget di bawah header tidak sesulit yang anda bayangkan.
Berikut ini langkah-langkahnya;
1. Login ke akun blogger anda
2. Di Dasbor klik Rancangan dan klik edit HTML
3. Sebelum mulai menambahkan html sebaiknya back up dulu blog anda dengan cara klik download full template. tujuannya antisipasi kalau error kode.
4. Cari kode seperti ini ]]></b:skin>
untuk memudahkan pencarian pencet ctrl f secara bersamaan di keyboard lalu tulis/copy kode tersebut di kotak bawah yang tersedia
5. Copy dan paste kode di bawah ini, tepat di atas kode ]]></b:skin> 

#under_header{ 
margin:10px 0; 
padding:1%; 
width:98%; }
6. Cari kode html seperti di bawah ini atau yang mirip di bawah ini ( tidak semua template blog menggunakan kode yang sama persis)
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 
</b:section> 
</div> 
7. Selanjutnya tambahkan kode berikut ini tepat di bawah kode pada nomor 6 tersebut di atas
<div id="under_header"> 
<b:section id='underheader' preferred='yes'/> 
</div> 
8. Setelah anda tambah kode pada nomor 7 maka akan menjadi seperti ini
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 
</b:section> 
</div>
<div id="under_header"> 
<b:section id='underheader' preferred='yes'/> 
</div> 
9. Terakhir klik Simpan Template.
Nah selamat mencoba dan semoga berhasil
 

Menarik untuk Dibaca:

20 Comments:

alkatro said...

asyik neh, buat majang iklan cocok :D
makasih sharenya :)

Abu HZ - Belajar Bisnis Online said...

Mantab gan infonya...
kereeennn
Thanks

H e n r i said...

assalmualaikum...!!!
terima kasih sir. untuk info nya..
kalau mau nambah 2 atau 3 gimana ya sir..?

Makhasin said...

@H e n r i Terima kasih atas kunjungannya, untuk membuat 2 atau 3 kolom gadget di bawah header ada kode css dan html tersendiri, insya Allah akan Makhasin post jika sudah ada kesempatan.

goyang pattah-pattah said...

info yang menarik sobat, coba ach

saputra said...

terima kasih gan infonya.., bagus

Rudy Hartono said...

terima kasih atas informasinya yang sangat berguna dan bermanfaat sekali

Deni Indrawan said...

nice info masbro.
salam kenal

Info Kesehatan dan Kecantikan said...

Sebagai newbie ada rasa takut juga untuk nyoba otak-otak template, termasuk nambah elemen. Takut jadi kaco dan balo! But thanks for your share.

ARTIS17845 said...

Informasi yang sangat berguna, thanks for sharing, happy blogging

Informasi Lowongan Kerja Terbaru said...

Aq Coba ko gak mau Muncul ya...???

Novri Fernando said...

Kunjungi blog saya ya

http://novrifer.blogspot.com/

Download Naruto Shippuden Sub Indo said...

ini nambah kolomnya berapa gan?kalo buat nambah 2-3 kolom bagaimana gan?
Trima kasih..

goyang patah patah said...

jadi hemat tempat n jadi rapi, thanks tampilan blog kita :)

download film said...

artikel menarik mas, dan juga sangat menarik ulasannya dan saya suka, dan salam kenal dari mico dan juga bagi teman2 yg suka dengan download film box office terbaru silakan kunjungi situsnya loe, makasi untuk admin juga. thanks

gushar labaniasli said...

KENAPA YANG dibawah lebih ribet gan???kayaknya lebih simple yang diatas tambah kol gadgetnya?

magazine said...

terima kasih gan, sukses di blog sya cranya.

way priaz said...

ahirnya ada juga yang share trik ini, saya cari kemana" pada gagal mudah"an yang ini berhasil mksh bro

ace maxs said...

mantap nih tipsnya kawan

ace maxs said...

mantap dah artikelnya
http://acemaxs31.com/

blogger templates | Make Money Online