Mengenal Kode Elemen / Widget pada Layout Blogger

Halo sobat Share-Tuts kali ini Share-Tuts akan share tentang Mengenal Kode Elemen / Widget pada Layout Blogger sobat blogger pasti tau kan apa itu sebuah widget tapi terkadang sobat belum kenal dengan artian dari widget tersebut. Nah pada kali ini Share-Tuts akan memberikan pengetahuan tentang kode elemen sebuat widget pada layout blogger.

Coba cari kode seperti dibawah ini :

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

Berikut adalah yang di sering sobat temui di tag < B: section> kode pengemas widget.

• id : Ini diperlukan untuk mengetahui posisi widget sebagai apa, misalnya 'header,' 'sidebar' bisa sobat nama'i sesuka sobat, ini juga merupakan selektor '#header' jadi sobat bisa berkreasi di selektor '#header' dengan CSS.  
• class : Ini boleh ada boleh tidak, ini juga hampir sama pada 'id' memudahkan untuk mentrafer widget jika berganti template, 'navbar,' 'header,' 'main,' 'sidebar,' dan 'footer.' dll. Bisa juga dinama'i sesuka sobat, ini juga merupakan selektor misalnya '.header' jadi sobat bisa berkreasi di selektor '.header' dengan CSS.  
• maxwidgets : kode ini boleh ada boleh tidak, ini merupakan peritah berapa batas maximal sobat bisa menambahakn widget, misalnya maxwidgets="1" jadi widget yang bisa ditambahkan cuman satu saja.  
• showaddelement : kode ini boleh ada boleh tidak, ini berfungsi untuk menmapilakan pada halam editing layout menampilkan link 'Add a Page Element' / 'Tambah Widget' . jadi sobat bisa memasukan voulenya dengan 'yes atau 'no' saja.  
• growth : boleh ada boleh tidak, ini kode berfungsi untuk menentukan apakah widget di tumpuk atau side by side. Bisa disikan dengan volue 'horizontal' atau 'vertical,' aslinya 'vertikal'.  
• b:section : ini adalah kode pembuka dan penutup jadi hukumnya wajib ada. 

Kemudian setelah kode diatas adalah kode widget berada didalam tag b:section :

<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”/>

• id - diperlukan, jika ingin mengubah nama ID widget sobat harus mengahapus terlebih dahulu widgetnya dan buat yang baru. 
• type - diperlukan, ini menunjukkan jenis (type) widget. Contoh jenis-jenis widget : BlogArchive, Blog Feed, Header, HTML, SingleImage, LinkList, List, Logo, BlogProfile, Navbar, VideoBar, NewsBar
• locked - boleh ada boleh tidak, voulenya dengan 'yes atau 'no' saja. Ini berfungsi untuk menentukan pakah widget dapat dipindah dan dihapus pada editing layout, di page element. title - boleh ada boleh tidak, jika tidak digunakan maka sebagi defaoultnya, contoh misalnya 'label1'. 
• pageType - boleh ada boleh tidak, voulenya bisa diisi 'all,' 'archive,' 'main,' or 'item,' kalau aslinya 'all' karena ini berfungsi untuk menampilakan dimana widget akan tampil pada halaman blog seperti kondisional tag. 
• mobile - boleh ada boleh tidak, voulenya dengan 'yes,' 'no,' ‘only’ atau 'default' as the default. Ini fungsinya pakah widget akan ditampilkan pada tampilan mobile atau tidak. 

NB : Dalam blog sobat saat dipublikasikan, semua tag <b:section> dan <b:widget> akan diganti dengan tag <div>, yang akan memiliki ID tertentu. Jadi, sobat dipersilahkan memodifikasi CSS nya, misalnya, div#header atau div#myList di CSS sobat jika sobat menginginkannya. Seperti yang Share-Tuts jelaskan di beberapa penjelasan diatas.

Nah jika sobat ingin menambahkan widget dalam template pakai saja kode berikut masukkan dalam posisi yang sobat inginkan misalnya footer :

<b:section id='footer' class='footer' showaddelement="yes"/>

Mungkin ini yang bisa Share-Tuts jelaskan.. artikel ini bersumber dari http://support.google.com/blogger/bin/answer.py?hl=en&answer=46888 jika ada yang salah mohon koreksinya, terimakasih semoga bermanfaat dan tungu kenjatunya tetang pengenalan kode HTML blogger, Kondisional tag, tag keseluruhan ditemplate blogger dan banyak lagi.

Source : http://www.sodiycxacun.web.id

Anda sedang membaca artikel tentang Mengenal Kode Elemen / Widget pada Layout Blogger dan anda bisa menemukan artikel Mengenal Kode Elemen / Widget pada Layout Blogger ini dengan url http://share-tuts.blogspot.com/2012/11/mengenal-kode-elemen-widget-pada-layout.html. Anda boleh menyebarluaskan atau mengcopy artikel Mengenal Kode Elemen / Widget pada Layout Blogger ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :