Cara Membuat Satu Kolom Widget Dibawah Header masih sama dengan ketika anda membuat satu kolom widget diatas header dan bedanya hanya terletak pada penempatan saja. Seperti yang telah saya jelaskan pada artikel sebelumnya, cara membuat satu kolom widget dibawah header ini juga memberikan manfaat bagi anda untuk memasang beberapa konten yang ingin anda tampilkan dibawah header apalagi jika anda membuat dua atau tiga kolom widget. Silahkan anda pelajari cara membuat satu kolom widget dibawah header berikut ini
Cara Membuat Satu Kolom Widget Dibawah Header
Cara Membuat Satu Kolom Widget Dibawah Header
- Masuk ke akun blogger anda
- Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
- Cari kode ]]></b:sin>
- Letakkan kode berikut diatas kode ]]></b:sin>
#oneunderheader{margin:10px 0;padding:1%;width:100%;} - Cari kode berikut 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>Letakkan kode berikut ini tepat dibawah kode </div> pada no.5
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/>
</div>
Sehingga hasilnya seperti berikut 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>
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/>
</div>
Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda
Semoga artikel cara membuat satu kolom widget dibawah header ini bermnafaat. Jika ada permasalahan dalam memasang kode, silahkan tinggalkan komentar anda di artikel ini, cara membuat satu kolom widget dibawah header
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/>
</div>
Sehingga hasilnya seperti berikut 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>
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/>
</div>
Semoga artikel cara membuat satu kolom widget dibawah header ini bermnafaat. Jika ada permasalahan dalam memasang kode, silahkan tinggalkan komentar anda di artikel ini, cara membuat satu kolom widget dibawah header
Kalo mau membuat kolomnya diatas header gimana?
BalasHapus@Aditya Nusantara silahkan cek DISINI mas Adit..
BalasHapusmakasih, ahahah mayan bu buat aktifin Shadow di tamplate saya :D
BalasHapusSaya Kok Gk Bisa :(
BalasHapustolong cek deh blog saya => http://jakarta-cyber4art[.]blogspot[.]com
tolong bantu ya,balasnya lewatt komentar blog saya saja,terima kasih
wah ini yang saya cari, thanks ya gan, lsg pakai di adityamotor.blogspot
BalasHapusKalau boleh kasih saran nih mas,,, itu bukan ]]>.. tp ]]> kali,,, kayaknya kurang huruf "k" deh,,, hehehe
BalasHapusmksdnya b:skin... bkn b:sin... hehehe
BalasHapusheheee waktu nulis jari saya keseleo mbak Devi, makasih ya atas koreksinya..
HapusKok gak jadi yaah
BalasHapusgan, kok kode :
BalasHapusheader wraper
ga ada ya di edit html saya...
Padahal saya pake template bawaan blogspot sendirii...
Tolong pencerahannya ya..
Thanks
Wahh ini yg di cari rupanyan nongoL di sini, terimakasih Siss...
BalasHapushehehe makasih bro tips nya sangat membantu nih bro
BalasHapusBelum berhasil mas, kira2 salahnya dimana ya?
BalasHapuskalau eror gimana ya?
BalasHapuskode diatas merupakan kode sederhana dan tidak mungkin error mbak Susanti..
HapusInfo yg bagus gan...
BalasHapusMohon kunjungan balik n backlink'nya yaa...
http://www.zamrudnews.com/
Terima kasih...
saya pasang berhasil gan , tapi kenapa malah jadi dua ya :)
BalasHapusnih gan SS nya prntscr.com/1jc5mo
kok bisa ya? mungkin ada kode yang sama yang terpasang dalam kode templatenya?
Hapuslama gak main kesini ternyata uda ganti jadi TLD :)
BalasHapuswaah tambak sukses ya bu, banyak sekali tutorial disini yang berhasil saya terapkan di blog saya :)
amiin, semoga resepsehat sukses selalu juga.. :)
Hapusmbak di blog saya kok id='header-wrapper'> tidak ada
BalasHapussaya kok punya masalah yang sama, id='header-wrapper'> tidak ada, ada yang bisa pencerahan ga, makasih juga ya untuk admin.
BalasHapussetiap blog memiliki kode yang berbeda, saya sudah liah blognya, memang tidak ada kode seperti diatas tapi bisa menggunakan kode <div class='header-outer'> yang ada didalam template blog Anda, terimakasih
Hapussaya kode id='header-wrapper'> ada tapi tidak di tutup dengan div tapi di tutup dgn , gmn tuh masukan kode di ats?
Hapussudah saya lihat kode template blognya dan di tutup dengan div, silahkan di cek lagi, terimakasih
Hapusmenambahkan kolom di bawah header terkadang berguna untuk meletakkan banner iklan bagi blog yang sudah banyak pemasangan iklannya...
BalasHapusterima kasih untuk ilmunya....
sukses selalu.......