Kamis, 24 Februari 2011

Menambah Elemen di Bawah Header

Menambah elemen di bawah header akan membuat blog kita menjadi "multi element". Yang akan dibahas kali ini adalah untuk menambah elemen di samping header blog. Masih ada yang belum tau Header?. Header adalah bagian atas blog kita, diman header adalah merupakan bagian tempat judul blog berada.
Saya mencoba memberikan tips ini karena saya ingin memberikan elemen di samping header saya, tetapi karena bertepatan rencana itu halaman Edit HTML saya lagi bermasalah, maka rencana itu saya tunda dulu. Dan saya akan terlebih dahulu memberikan tipsnya. Untuk mengetahui elemen itu seperti apa, mari kita lihat gambar di bawah ini:
elemenheader
Contoh Element pada Blogspot



Sekarang kita sudah mengenal apa yang namanya elemen pada blogspot. Tibalah waktunya untuk menambahkan elemen tersebut di bawah header blog kita. Untuk gambar header bisa kita lihat pada gambar di bawah ini:
Perhatikan gambar di atas

Melihat gambar di atas, saya rasa semua sudah jelas untuk tujuan dari tips ini. Jika masih ada yang masih bingung, saya mohon lebih dipelajari lagi.
Untuk membuat elemen di samping Header, silahkan ikuti langkh-langkah berikut ini.

1. Login ke blogger dengan akum kamu
2. Pilih Rancangan pada halaman Dasbor nlog kamu
3. Kemudian pilij Edit HTML
4. cari kode ]]></b:skin> (tekan Ctrl+F atau tekan F3), lalu letakkan kode script ini di atas ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
5. Cari kode yang mirip seperti kode berikut
<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>
6. Kopi kode berikut, dan letakkan persis di bawah kode yang tadi
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
7. Klik tombol SIMPAN TEMPLATE. Dan tunggu beberapa saat.
8. Setelah template tersimpan, silahkan pilih Elemen Laman
9.Nah, tampilan elemen anda akan seperti gambar di bawah ini
kolom-header
Hasilnya akan seperti gambar di atas.

 Nah..sekarang blog anda sudah mempunyai elemen yang langsung berada persis di bawah header blog anda. Sekarang terserah anda akan mengisi apa di sana.
10. Sekarang tipsnya sudah selesai.
Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar