Tampilan kumpulan section bisa dilihat pada layout blogger Anda, yang mana bertindak sebagai container (wadah) untuk widget atau gadget. Hanya saja, kadang-kadang ada beberapa section yang penempatannya kurang tepat bagi setiap pemilik blog.
Untuk menambahkan widget atau gadget sangatlah mudah, hanya klik "Tambahkan Gadget" atau jika Anda menggunakan preferensi bahasa Inggris "Add A Gadget link". Tapi bagaimana jika Anda ingin menambahkan "Bagian Tombol Tambahkan" tersebut? kasus ini tidak semudah menambahkan widget / gadget, minimal Anda perlu menguasai CSS dan HTML terlebih dahulu.
Menambahkan Section Class ( Add a gadget link / Tambahkan Gadget ) Layout Blogger
Baik, berikut akan kami tunjukan bagaimana menambahkan satu "Bagian Tombol Tambahkan Gadget", dengan cara menambahkan section tag di template HTML. Silakan buka menu template >> edit HTML, dan tambahkan code berikut:
<!-- New widgets container Start -->
<b:section class='NewContainer' id='NewContainer'/>
<!-- New widgets container End -->
Anda bebas menentukan nama id dan class nya.
Dalam tutorial ini kami akan menambahkan bagian SitemapFooter untuk tempat Label Posts.
1. Backup Template terlebih dahulu
Dengan cara buka Template >> Cadangkan / Pulihkan >> Unduh Template.
2. Inspect Elemen
Untuk mengetahui dimana code harus ditambahkan, pertama kita inspect terlebih dahulu elemen yang bedekatan. Pada tutorial ini, kami ambilkan contoh elemen yang berdekatan adalah:
<div id='credit-wrapper'>
3. Menambahkan Elemen Section
Buka Template >> Edit HTML >> CTRL+F >> CoPas code inspeksi diatas untuk membantu pencarian >> Enter.
Berikutnya CoPas code "New widget container", dan letakan persis diatasnya elemen "credit-wrapper"
4. Simpan Template
Klik Save Template.
5. Lihat Hasilnya
Kembali ke menu Tata Letak / Layout, berikut hasilnya:
Menambahkan Section Layout Blogger
Sekarang Anda sudah bisa menambahkan widget atau gadget dengan container baru tersebut. Dalam tutorial ini kami menambahkan widget labels. Anda bisa melihatnya DI SINI. (scroll ke bawah).
6. Mengatur Container
Untuk mengcustomize container / section yang sudah kita tambahkan, cukup mengikuti rule CSS, anda bisa menambahkan selektor di bawah ini:
#NewContainer {
/* add styling declarations here */
}
Dan letakan di atas tag penutup berikut ini:
]]></b:skin>
Selamat mencoba!!
