Cara membagi dua kolom header

Yup... serius nih, dah download trus diupload templatenya kan? kalo sudah sok atuh di baca sajah trik atau cara membagi dua kolom header. Nih triknya kaya gini :

1. Login ke blogger dengan ID anda dong tentunya, jangan ID saya..ntar blog saya jadi berantakan lagi.

2. Klik Layout.


3. Klik tab elemen Halaman, maka anda akan melihat tampilan format kolom header anda seperti ini :


page element


4. Jika sudah di lihat, kemudian klik tab Edit HTML, lihat ke bagian kode CSS, lalu cari kode seperti ini :



/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}




5. hapus kode di atas, lalu ganti dengan kode berikut ini :



/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}




6. Coba scroll ke bagian bawah, dan temukan kode seperti ini :



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>



7. Hapus kode di atas, lalu ganti dengan kode di bawah ini :



<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>



8. Klik tombol Simpan Perubahan.


9. Selesai.



Untuk melihat hasilnya, silahkan anda klik lagi tab Elemen Halaman dan anda akan melihat format kolom header anda menjadi seperti ini :

new page element



Kolom header anda sudah menjadi dua bagian, yang sebelah kiri dan sebelah kanan. Trus bagaimana kalau sudah begitu? ya terserah anda, kolom sebelah kanan saya buat menjadi elemen layaknya yang ada di sidebar, jadi mau di masukan seach engine, mau iklan, mau gambar, ya terserah yang masukin.

Ya udah, cukup..cukup..dan cukup... soalnya jari saya sudah mulai pegal-pegal gara-gara ngetik mulu dari tadi... sampai ketemu lagi deh pada tutorial berikutnya.

Baca selengkapnya...

Tips Aman Dan Mudah Mengedit Template

Suatu saat kita pasti akan mengedit template kita, karena berbagai alasan. Kita akan mencari alasan-alasan kita mengedit template kita, karena memang template kita dari blogger yang klasik memang perlu banyak perubahan.

Alasan-alasan mengedit template antara lain:
1. Mempercantik atau memperindah blog
2. Mengoptimalkan blog ( seo )
3. Mempercanggih blog

Untuk membuat kita merasa aman dan mudah, berikut ini tips-tips yang perlu kita perhatikan dalam mengedit template.
1. Download template lengkap template kita, untuk jaga-jaga atau back up, jika terjadi yang tidak kita inginkan saat mengedit, kita dapat mengup loadnya kembali jika kita inginkan.

2. Beri tanda centang pada Expand Template Widget

3. Saat kita mempraktekan salah stu tutorial blog, yang mengharuskan kita mengedit template, misal untuk membuat ARTIKEL TERKAIT kita disuruh mencari kode HTML ( misal: )
Cara mudah menemukan kode tersebut adalah seperi ini
Untuk memudahkan mencari kode yang di inginkan dalam menu file - pilih Find in This Page

Setelah itu masukan kode yang akan kita cari dalam kotak pencarian yang berada di bawah layar.

Ketika kita mengeklik next maka kode yang kita cari akan dihighlight

Semoga tips yang sudah saya sampaikan di atas dapat bermanfaat bagi kita semua. Ingat kita juga harus tetap hati hati, semua tutorial blog tidak harus kita praktekkan, semakin banyak aplikasi yang kita pasang di blog kita itu akan berpengaruh pada bobot log kita yang akhirnya berpengaruh pada looding blog kita.

Baca selengkapnya...