Setelah sekian lama bergelut dengan Tutorial Dasar Blogspot atau blogger kali ini akhirnya menyentuh juga ke Tutorial Hack Halaman Blogspot atau blogger. Tentunya jika anda sudah mempelajari tutorial dasar Blogspot Yang Sudah Dapur Tutorial Blogspot Sampaikan sebelumnya seperti Tutorial Mengenal Dasar-Dasar Kode HTML, Cara Mengakses Atau Masuk ke Edit HTML Pada Tampilan Baru Blogspot maupun tutorial-tutorial dasar lainnya tentu anda tidak akan kesulitan dalam melakukan editing templete.
Seperti judul diatas akan membahas tetang tehnik untuk menambakan Elemen halaman baru diatas Header blog. Yang saya maksut dari menambahkan Elemen halaman Baru Diatas Header blog adalah seperti pada gambar dibawah bagian yang ditunjuk oleh panah berwarna merah
Fungsinya tetap sama sebagai tempat untuk meletakan widget yang pada umumnya digunakan oleh banyak orang untuk meletakan Iklan atau menu horizontal.
Berikut lankah-Lankah yang Harus anda lakukan untuk menaba elemen baru diatas Header :
- Pastikan anda sudah masuk pada halaman blogspot anda pilih menu "Template"
- Akan muncul halaman berikut dan klik pada tombol Edit HTML
- Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut
- Centang Expand Template Widget.
- Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca ranya Disini
- Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
- Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
- Sekaran Anda cari Kode <div id='header-wrapper'> atau <div id="header-outer">
- Apabila sudah ketemu copas kode dibawah ini dan letakan diatas kode <div id='header-wrapper'> atau <div id="header-outer">
- Lankah terakhir klik simpan
- Selesai
#gadget_header{
margin:10px 0;
padding:1%;
width:100%;}
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog Semoga bisa bermanfaat
