Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara mudah menambahkan kolom di bawah Header Blog

Hai kawan semua, sudah lama saya tidak berbagi tips dengan teman semua. Kali ini baru ada waktu setelah kesibukan selama sepekan ini. Nah kali ini saya akan membagikan tips Cara Menambahkan Kolom di bawah header blog  yang dimiliki. Pertanyaannya, apakah penambahan kolom tersebut sangat penting dan apa manfaatnya?

Mungkin itu yang terlebih dahulu diketahui oleh kita dan sudah banyak para blogger yang mengetahui manfaat Cara Menambahkan Kolom di bawah header blog di blogspot. Manfaatnya adalah:
  1. Blogger dapat menggunakannya sebagai ads space area, yaitu tempat untuk menempakan iklan yang strategis.
  2. Minimize and good look, yaitu membuat tampilan blog yang menarik dengan menempatkan banner atau gambar pada kolom yang ditambahkan tersebut.
A) Cara Menambahkan 1Kolom di bawah header blog di blogspot:
  •  Login ke blogger
  • Pada Dashboard, klik / pilih template
  • Klik / pilih edit HTML
  • cari kode ]]></b:skin> dengan cara lebih mudah menemukannya adalah dengan menekan tombol CTRL + F atau tombol fungsi F3
  • setelah ketemu, diatas kode tersebut masukan kode berikut:
#satu-kolom {margin:10px 0;padding:1%;width:98%;}
  • Setelah itu cari kode berikut pada HTML Template anda:
<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>

  • Jika sudah ketemu, lanjutkan dengan memasang kode berikut ini dibawahnya:
 <div id="satu-kolom">
<b:section class='header' id='buatsatukolom' preferred='yes'/>
</div>
  • Kemudian tekan save atau simpan template.
Menambahkan Kolom di bawah header blog di blogspot

  • selanjutnya klik Tata letak seperti pada gambar diatas.
  • Kolom anda pun siap digunakan, seperti contoh dibawah ini:
Menambahkan Kolom di bawah header blog di blogspot
gambar 2

Nah pada bagian kolom tersebut anda bisa menambahkan gambar, iklan ataupun welcome text.

2 komentar untuk "Cara mudah menambahkan kolom di bawah Header Blog"

  1. the discussion was very interesting to read, awaited the article more interesting yes .. Do not forget to visit the article about the health of the following:

    http://blogobattasik.com/obat-alami-sakit-pinggang/

    BalasHapus
  2. alhamdulilah work gan terima kasih ya

    dedelw.blogspot.com

    BalasHapus