Sabtu, 11 Februari 2012

Cara Menambahkan Elemen Halaman Baru Di Atas Header Blog

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 :
  1. Pastikan anda sudah masuk pada halaman blogspot anda pilih menu "Template"


  2. Akan muncul halaman berikut dan klik pada tombol Edit HTML


  3. Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut


  4.  Centang Expand Template Widget.
  5. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca ranya Disini
  6. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode) 
  7. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
  8. #gadget_header{
    margin:10px 0;
    padding:1%;
    width:100%;}
  9.  Sekaran Anda cari Kode <div id='header-wrapper'>   atau <div id="header-outer">
  10. Apabila sudah ketemu copas kode dibawah ini dan letakan diatas kode <div id='header-wrapper'>   atau <div id="header-outer">
  11. <div id="gadget_header">
    <b:section class='header' id='gadgetheader' preferred='yes'/>
    </div>
  12. Lankah terakhir klik simpan


  13. Selesai
Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar



Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog Semoga bisa bermanfaat

Tidak ada komentar:

Posting Komentar