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:
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 berikutmargin:10px 0;
padding:1%;
width:98%;
}
<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<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="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
7. Klik tombol SIMPAN TEMPLATE. Dan tunggu beberapa saat.<b:section class='header' id='underheader' preferred='yes'/>
</div>
8. Setelah template tersimpan, silahkan pilih Elemen Laman
9.Nah, tampilan elemen anda akan seperti gambar di bawah ini
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