понедельник, 17 ноября 2008 г.

Widget for menu bar in blogger

Очень полезный пост, поскольку объясняет еще и XML, надеюсь найти в персой ссылке описание пространства имен Bloger
Step1: Locate these sections:
For the Header:b:section class='header' id='header' maxwidgets='0' showaddelement='no'>
For the Crosscol: b:section class='crosscol' id='crosscol' showaddelement='no'>

Step2: Change the codes above into these:

For the Header: maxwidgets='5' showaddelement='yes'>

For the Crosscol: showaddelement='yes'>
Step3: Save the template and go back to the Page Elements tab. You will notice that new element boxes now appear. Now, you can add new widgets in these areas.
(For an example of Blogger menu bar with CSS definitions, visit this site: Much Ado About Nothing.)

Step1: Create a new header page element. To do this, please refer to this post: New Header and Crosscol Elements.

Step2: Find the HTML section that is shown below and add the red-higlighted codes.
<div id='header-wrapper'>
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<

Step3: In the style sheet section of your template, add these CSS codes:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColor;
}

#menubar a:hover {
background-color: $headerCornersColor;
}

Step4: Save your template and go to the Page Elements tab. You will notice that a new page element box has been added above the header title. Click the Add a Page Element link and choose Link List as the new page element. You can now start linking pages from your blogsite posts or from other sites.

Комментариев нет:

Отправить комментарий