24.7.07

Page Layout in New Template Blogger

posted under , by ilham saibi |
Jika kita lihat code di new template, maka kita akan melihat sebuah ctruktur yang sangat berbeda dengan classic template, postingan ini akan beruhasa menerangkan struktur tersebut

Sections and widgets

New Template menggunakan section dan widgets dalam struktur blog anda. section adalah bagian dari halaman blog yang berisi element. New template memiliki 4 section yaitu :

· header section, yang berisi header anda ( termasuk judul blog dan deskripsi blog )

· main section, yang berisi postingan anda

· sidebar section, yang berisi semua tetang sidebar anda, seperti profule, links, label, blogroll ataupun gadgets

· footer section, yang berisi semua hal yang berada di bawah halaman blog anda The Header section

Sekarang silahkan lihat ke Header Section, didefenisikan dengan code berikut :

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

Code ini memberitahukan bahwa header section hanya bisa berisi 1 page element (widget) dan bahwasanya anda tidak bisa menambahkan page element ke header blog anda. jika anda sedang di dalam halaman Page Element, anda akan melihat bahwa anda tidak bisa menambahkan sebuah page element ke header blog anda.

Sekarang coba kita rubah sedikit code itu dengan code berikut :

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

code ini berarti anda memiliki 3 page element (termasuk header) pada header section, coba anda lihat di Tab Page element untuk melihat bagaimana code ini bekerja.
The Sidebar section

Sekarang coba kita melihat ke Sidebar Section

<b:section class='sidebar' id='sidebar' preferred='yes'>

pada settingan default. Kita bisa menambahkan sebanyak banyaknya page element ke sidebar kita, sekarang kita coba untuk men-setnya agar hanya bisa menampilkan 5 element saja, silahkan replace code Sidebar section anda menjadi seperti dibawah ini. <b:section class='sidebar' id='sidebar' maxwidgets='5' preferred='yes'>

The Main section

Main section berisi postingan blog anda. seperti yang bisa anda lihat, disana tidaka anda tidaka ada batasan banyaknya widget pada section ini, teteapi anda tidak akan melihat “ add a page elemet” di box ini. Bagaimanapun juga anda masih bisa menambahkan widget atau page element ke section ini dengan cara drag and drop, hanya tinggal menggeser saja.

<b:section class='main' id='main' showaddelement='no'>

Jika anda ingin menonaktifkan layanan drag and drop, tambahkan sedikit code di section ini menjadi :

<section class='main' id='main' maxwidgets='1' showaddelement='no'>

The Footer section

Footer section berada pada bagian paling bawah blog anda. section ini juga bisa berisi page element sebanyak yang anda suka, tentunya kini anda telah bisa mengubah settingan untuk section ini dengan melihat section sidebar diatas.code untuk section ini adalah:

<b:section class='footer' id='footer'/>

top