Add Emoticon to your Blogger

Add Emotional Icon to your Blogspot: :D :-D B)
here is how to add Emotional Icon to your blogger.
1.click on page element and add a HTML/Script
2. find the

< /head >
3. just before that paste these script
<!--BloggerEmoticons--><br /><script type="'text/javascript'"><br /><!-- function replaceText() { // no support if(!document.getElementById) { return; } bodyText = document.getElementById("body"); theText = bodyText.innerHTML; // replace theText = theText.replace(/;\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');<br />theText = theText.replace(/;-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');<br />theText = theText.replace(/:D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');<br />theText = theText.replace(/:-D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');<br />theText = theText.replace(/B\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');<br />theText = theText.replace(/B-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');<br />theText = theText.replace(/:x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');<br />theText = theText.replace(/:X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" />');<br />theText = theText.replace(/:-x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" />');<br />theText = theText.replace(/:-X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');<br />theText = theText.replace(/:-\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');<br />theText = theText.replace(/:\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');<br />theText = theText.replace(/:o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');<br />theText = theText.replace(/:O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');<br />theText = theText.replace(/:-o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');<br />theText = theText.replace(/:-O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');<br />theText = theText.replace(/:p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');<br />theText = theText.replace(/:-p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');<br />theText = theText.replace(/:-P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');<br />theText = theText.replace(/:P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');<br />theText = theText.replace(/:-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');<br />theText = theText.replace(/:\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');<br /><br />bodyText.innerHTML = theText;<br />}<br /><br />--><br /></script><br /><!--BloggerEmoticons--><br />
4. just below that replace the
< body >
with
< body class="'sidebars'" id="'body'" onload="'replaceText();'" >

and here is the usable icon

enjoy !

Hide Navigationbar

pic:navbar

This is how to hide the navbar from your blog.
1.Go to Layout/HTML Edit
2.Find the following script

Blogger **********
Name: **********
Designer: **********
URL: www.**********
Date: **********
Updated by: Blogger Team
----------------------------------------------- */

3.Just right after that input these script

#navbar #Navbar1 iframe{
height:0px;
display:none;
visibility:hidden;
}

Add Recent Comments/Posts

Add Recent Comments:
here is how to add Recent comments to your blogger.
1.click on page element and add a HTML/Script
2. copy the following script and paste it.

<br /><h2>Recent Comments</h2><script style="text/javascript" src="http://minahara.googlepages.com/recentcomments.js"></script><script style="text/javascript">var numcomments = YYYY;var showcommentdate = false;var showposttitle = true;var numchars = ZZZZZ;var standardstyling = false;</script><script src="http://XXXX.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><br />
3.change the XXXX to your blog name.
4.change the YYYY to your preferable number of comments to be displayed.
5. change the ZZZZ to your preferable length of the comments.
------------------------------

if you want Recent post.
you can do the same way with Recent Comments
----------
here is the script for recent post
<br /><script style="text/javascript" src="http://minahara.googlepages.com/recentpost.js"></script><script style="text/javascript">var numposts = YYYYYY;var showpostdate = false;var showpostsummary = true;var numchars = 0;var standardstyling = false;</script><script src="http://XXXXX.blogspot.com/feeds/posts/default?orderby=updated&alt=json-in-script&callback=showrecentposts"></script><br />