Membuat Elemen baru di atas dan di bawah header - Template Tata letak

Elemen baru di sekitar header sangat dibutuhkan oleh blogger karena dengan adanya Elemen tersebut membuat blogger bisa menambahkan gadget baru, terutama digunakan untuk menambah ketersediaan fasilitas pelengkap blog yang berupa menu horizontal. Dua tempat yang tersedia memungkinkan blogger menggunakan posisi yang paling tepat untuk meletakkan menu horizontal, sehingga penampilan blog menjadi semakin menarik.

Cara membuat Elemen baru di atas dan di bawah header :

Lakukan pengamanan terhadap template terlebih dahulu (Backup Template).

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template).
6. Simpan file template anda di folder PC.

Backup template ini berguna untuk mengembalikan template kembali ke keadaan sebelum perubahan dilakukan. Kegagalan yang terjadi saat melakukan modifikasi melalui perubahan atau penambahan kode baru mungkin menyebabkan kerusakan desain template. Untuk membuatnya pulih kembali seperti sebelum dilakukan perubahan anda hanya perlu mengupload file yang sebelumnya telah disimpan di folder PC tersebut dengan cara klik browse, kemudian dilanjutkan dengan klik upload baru kemudian klik Simpan template/Save Template.

Setelah backup template selesai dilakukan, kanjutkan dengan langkah berikut:

1. Cari kode berikut menggunakan Ctrl + F
   
   

   Kode html yang harus dicari:

   <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

   
   Atau bisa jadi dalam bentuk seperti ini:
   
   

   Kemungkinan kode dlm bentuk berbeda:

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

2. Rubah KODE tersebut menjadi seperti di bawah ini:
   
   

   Kode baru setelah dirubah:

   <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

3. Jika menggunakan template tata letak, lanjtjan dengan mencari kode berikut:
   
   

   Khusus Template Tata Letak:

   <div id='crosscol-wrapper' style='text-align:center'>
   <b:section class='crosscol' id='crosscol' showaddelement='no'/>

4. Rubah menjadi seperti berikut:
   
   

   Kode hasil perubahan:

   <div id='crosscol-wrapper' style='text-align:center'>
   <b:section class='crosscol' id='crosscol' showaddelement='yes'/>

5. Klik Simpan Template atau Save Template.
6. Klik Elemen Laman atau Page Elemens dan lihat hasilnya.
7. Tambahkan widget yang baru sesuai kebutuhan blog anda dengan klik Add Gadget pada Elemen baru yang telah ditambahkan.

Catatan/Keterangan

1. Panduan lengkap cara backup template dapat dibaca di sini!
2. Panduan lengkap cara backup template dapat dibaca di sini!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Setu LEGI, January, 28, 2012

» Happy Blogging - gubhugreyot «