Learn More

Wednesday, September 21, 2011

Widget Tags For Blogger Template

In the previous post we talked about the section tag, this time we will discuss the sequel. We discussed about how to create a widget.

description of widget header
This image explain what inside widget of header.


<b:widget>

This tag is a tag that serves to create a widget. So when we create a widget in blogger, then we must involve <b:widget>. As for this tag must be placed in the tag section. A widget must include the id attribute and attribute type. As for the type attribute has the values​​: BlogArchive, Feeds, Header, HTML, SingleImage, Linklist, List, Logo, BlogProvile, Navbar, VideoBar, NewsBar.

If you do not want the widget can be moved through the Page Elements tab, then we can add attributes locked. There are two values ​​that apply to the locked attribute, namely "yes (true)" or "no (false)". If you give the value yes (true), then your widget will not be moved or deleted through the Page Elements tab.

If you want to display the title of the widget, then add a title attribute. If you do not specify the title of the widget, then the bloggers will be named as List1.

When your blog is published, then all components of the tag section and the widget will be changed by <div> tag. So <div> must involve the id or class, because each section has different parts. And all section tag  must in the div tag.



<b:includable>

This tag contains the contents of the widget, such as popular posts, html code. Each includable must involve the id attribute. Each includable must begin with an opening tag <b:includable> and end with a closing tag </ b: includable>.

You can add attributes var: the identifier made ​​up of letters and numbers, for referencing data within this section. Each widget, should contain an includable with id = 'main'.




<b:include>

This tag does not always exist. The purpose of this tag is to choose one of the content contained by a widget. Includes are most useful if you have a section of code That you want to repeat multiple times in different places. You can just write the code once, put it inside ab: includable, then use b: include Wherever you want it to Appear. If you do not need to do that, then you can just stick with the single main includable and not worry about the rest. (Note That the main includable is included automically - <b:include name='main'/> is unnecessary).

  1. blogwalking here , ,
    nice post!

    how to remove widget atribution on footer of blogger template? i want create custom it ..

    ReplyDelete
  2. @Bayu Aldi Yansyah : it is very easy, there are two ways to do that. First, go to the Edit HTML, find , delete until first after .
    Second, change the value of locked by false, then go to the Page Elements tab, then delete it from that page. Finish.

    ReplyDelete
  3. @Bayu Aldi Yansyah : it is very easy, there are two ways to do that. First, go to the Edit HTML, find <b:widget id='Attribution1' locked='true' title='' type='Attribution'>, delete <b:widget id='Attribution1' locked='true' title='' type='Attribution'> until </b:widget> first after <b:widget id='Attribution1' locked='true' title='' type='Attribution'>.
    Second, find <b:widget id='Attribution1' locked='true' title='' type='Attribution'>, then change the value of locked by false, then go to the Page Elements tab, then delete it from that page. Finish.

    ReplyDelete
  4. thankss :) its very usefull for me :)

    ReplyDelete
  5. demo'a sperti ap toh mba...?

    ReplyDelete
    Replies
    1. Ini bukan tentang demo, tetapi tentang tutorial dasar-dasar blogger xml, dengan mempelajari ini maka anda bisa mengubah template anda dengan sesuka hati

      Delete