+ -

Pages

Sunday, March 22, 2015

Page Element

Section <body> dari dari sebuah layout terdiri dari section-section dan widget-widget. Section adalah pecahan dari halaman blog seperti sidebar, footer dan lain-lain. Widget adalah elemen halaman mandiri seperti gambar, blogroll atau apa saja yang dapat kamu tambahkan dari tab Page Elemnt.

Setiap section dalam template kamu terdiri dari sebah pembukaan (opening) dan sebuah penutup (closing). Contohnya seperti kode dibawah ini:


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

 Tag <b:section> bisa mempunyai beberapa atribut, seperti:

  • id (harus ada), id harus unik dan hanya boleh ditulis dengan hruf dan angka saja.
  • class - (optional), namanayang yang umum dipakai seperti 'navbar', 'header', 'sidebar', 'footer'. Jika suatu saat kamu merubah tempalte blog kamu, nama class ini membantu Blogger menentukan cara yang paling tepat untuk mentransfer isi blog kamu. Kamu boleh menggunakan nama lain untuk nama class, semua terserah kamu.
  • maxwidgets - (optional) jumlah maksimal widget yang dizinkan dalam sebuah section.
  • showaddelement - (optional) bisa diisi 'yes' atau 'no'. Jika diisi yes maka tab page Element akan menampilkan link 'Add a Page Element'.
  • growth - (optional), bisa diisi 'horizontal' atau 'vertical', Jika diisi 'vertical' ini menandakan widget akan disusun secara 'vertical. Default value untuk growth adalah 'vertical'.
  Sebuah section bisa terdiri dari widget-widget. Section tidak boleh berisi section lain atau kode lain. Jika mau ingin memasukkan kode tambahan di antara widget dalam sebuah section, kamu harus membagi section tersebut.

 Seara sederhana, sebuah widget diwakili oleh satu tag. Data dari tiap widget disimpan dalam datavase Blogger dan hanya diakses ketika widget ingin ditampilkan. Berikut ini beberapa contoh widget (satu untuk page header dan satu untuk list):

 <b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

 BErikut ini beberapa atribut widget:

  • id - (harus ada), terdiri dari angka atau huruf saja. Tiap id widget harus unik. widget ID tidak bisa dirubah tanpa menghapus widget dan membuat widget baru.
  • type - (harus ada), menandakan type widget. type widget harus valid seperti yang ditulis di atas.
  • locked - (optional) bisa berisi 'yes' atau 'no'. Nilai defaultnya adalah 'no'. Jika diisi 'yes' bermakana widget tidak bisa dipindahkan alias terkunci.
  • title - (optional), atribut ini merupakan judul dari widget.
  • pageType - (optional) bisa berisi 'all', 'archive', 'main', atau 'item'. Value defaulnya 'all'.
  • mobile  (optional), bisa berisi 'yes', 'no' atau 'only'. Atribut ini menandakan apakah widget ini akan ditampilkan dalam versi mobile atau tidak. Hanya  Header, Blog, Profile, PageList, AdSense dan Attribution yang akan ditampilkan dalam versi moble jika value mobile diisi 'default'.

Berikut ini type-type widget:
  • BlogArchive
  • Blog
  • Feed
  • Header
  • HTML
  • SingleImage
  • LinkList
  • List
  • Logo
  • BlogProfile
  • Navbar
  • VideoBar
  • NewsBar
Catatan: Dalam blog yang kamu publis, semua tag <b:section> dan <b:widget> akan diruah menjadi tag <div> yang akan mempunyai ID tertentu. Jadi kamu bisa menggunakan div#header atau div#myList dalam kode CSS kamu. 

sumber
Label :
5 Ranah Blogger: Page Element Section <body> dari dari sebuah layout terdiri dari section-section dan widget-widget. Section adalah pecahan dari halaman blog sepert...

No comments:

Post a Comment

◘
Subscribe to: Post Comments (Atom)