11 Ways to Enhance a User Interface with MooTools

11 Ways to Enhance a User Interface with MooTools. Articles on this one contains a collection of 11 tutorials MooTools to improve the interface of a site. Click here if you're interested in learning tutorial-tutorial.

Hopefully useful.

[...]

How to make the under nafbar like " Andrastorm Global Site"

Did you ever think to make the blog nafbar as " Andrastorm Global Site Navbar". As shown below:

• Very easy way. you just follow the steps below:
• - Login to your blogger account
• - click layout - edit html
• - go to your template code and find the code ]]></b:skin>
• - then copy the code below and paste it directly above the code ]]></b:skin>

code :

/* code for under navbar
--------------------------------------- */

#under-navbar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

#under-navbar p.info {
float: right;
padding-right:40px;
line-height: 1.5;
height: 100%;
vertical-align: bottom;
}

#under-navbar p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
line-height: 1.2;
vertical-align: bottom;
}

#under-navbar a {
color:#00CCFF;
text-decoration:none;
}
#under-navbar a:hover{
color: #00FFFF;
}
#under-navbar {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background: #58595B url(http://www.promoruparupa.com/wpprr/wp-content/themes/inanis-glass/images/wind/menu-bg.png);
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}

• - After that, copy the code below, and paste the below code just above </body>

Code :

<div id='under-navbar'>
<p><img src='http://winksite.mobi/xhtml/images/logos/27614-20090412071612.png' style='width: 28px; height: 28px;'/>&#160;&#160;&#160;
<a href='http://andrastorm-global-site.blogspot.com/'><b>Andrastorm Site</b>
</a>&#160;&#160;&#169;&#160;2009&#160;|
Design by <a href='http://andrastorm-global-site.blogspot.com/' target='_blank'>Andra Pratama</a>
&#160;&#160;&#160;<img border='0' src=''/></p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> |
Subcribe <a href='http://www.feedburner.com' target='_blank'><a href='http://feeds.feedburner.com/AndrastormGlobalSite'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/AndrastormGlobalSite?bg=000000&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></a></p>
</div>

• - And last, click save.

See your blog nafbar now

Hopefully useful

[...]

Choose a beautiful template

For those of you who have done some of the settings as the previous post, the next steps that need to mate to do is choose a template. Glance is a template template designs web pages or blog and all its components (eg images, stylesheets, etc.) file either static or dynamic files that a program or application running as a web application. As my friend see now, as the banner above, white background, the columns to the right, and all you see now is one form of the template design. Selecting a beautiful template is necessary, because the view is interesting template for the view it will make the visitors of our blog to be at home for a long time in our blog but of course the content of our blogs are also very supportive.

selection steps template on blogger.com:

• Please login first ye
• Click the "Layout" (if you're using new blogger), or click the "Template" (if you're using a classic template).
• Click "Pick New Template", please you choose a template that you like. Before deciding to select "template" is, you should see the first one at which the sample layout provided a way to click on "preview template". If the taste has found the most you like, please click on "Save template" which is on the right top, finished.

Maybe you've visited a few blogs on the Internet that use blogger.com (blogspot), but the template is in use is not in the choice when selecting a template. This is the possibility that the template in the template used was made not from bloggers themselves. On the Internet many sites that provide free templates for use in Blogger (blogspot), If you'd like to see the various templates made not from blogger.com please click here.

[...]

Share the Blogger navbar

Blogger buzz again reported that it has added a new feature, the feature which share facilities (shared) located in the navbar blogger:

When visitors are in your blog, then they can click the "Share" or "Share" so that they can just do a post to Email, Twitter, Facebook, and Google Reader.

In the future, we wait for what new features that will be issued by a blogger in commemoration of the anniversary of this 10.

Thanks for Kang Rohman

[...]