SANDYWARMAN.COM adalah sebuah situs web yang dibuat untuk tujuan berbagi ilmu tentang bahan ajar produktif akomodasi perhotelan, akuntansi, dan berbagai tips dalam membangun sebuah web. Mari saling berbagi ilmu untuk kemajuan kita bersama.

input Data Alumni Skawibha

Sabtu, 30 Agustus 2014

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:

  1. mantap dah artikelnya kawan
    http://acemaxs31.com/

    BalasHapus
  2. 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

Hai Sob, berikan komentarmu dengan sopan n NO SPAM.
Dilarang membuat komentar yang sama pada artikel yang berbeda, karena dianggap sebagai SPAM maka akan dihapus. Trims