How to Add Smiley Icon in blogger Comment

Fast log in blogger.

Go to Design> Edit HTM and find this code and click Expand Widget Templates

<b:if cond='data:post.embedCommentForm'>

Paste this code after <b:if cond='data:post.embedCommentForm'> code.

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

You have also find  </body> and paste this code just after.

<script src='https://sites.google.com/site/neshibly24/tuakurti/smiley.js' type='text/javascript'/><noscript><a href="http://blogger-shibly.blogspot.com/" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Now save your template.

Scorch:  http://bloggerstop.net/ and http://MyDataNest.com

Continue Reading →

How To add Keyword and Description on blogger blog

Meta keyword is one important way to optimize your website search ranking. So, meta keyword important.
Fast log in Blogger and go to Design>HTML and Find <b:include data='blog' name='all-head-content'/> this code (You can also use Ctrl+F keyboard shortcut)

Now copy this code just after <b:include data='blog' name='all-head-content'/> .

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>

And customizes the red color code.

DESCRIPTION= Your blog Description.
KEYWORDS= Your blog Keywords.

Now save your template.

Continue Reading →

How To Add Widget Beside The Blogger blog Header

How to add widget beside the blogger blog Header? It is very easy and useful to add adsense winget.

1. Fast log in your blogger. Go to Design > Edit HTML and find this code and knew your blog size

#header-wrapper {

width:950px;

margin:0 auto 10px;
border:1px solid $bordercolor;
}

2. Now find

#header {
color:#000000;
text-align:left;
}
Some think lick that.

3. Change to

#header {
width: 400px;
float: left;
margin: 5px;
text-align: center;
color:#000000;
}
#header-right {
width: 400px;
float: right;
margin: 5px;
color:#000000;
}

This way you will get header to right and the sidebar widget section to left.

4. Now comes the part where it would add a widget section to blogger header. Find the bellow section:

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="YOUR BLOG TITLE (Header)" type="Header">
</b:section>
</div>

5. And replace it with:

<b:div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="YOUR BLOG TITLE (Header)" type="Header">
</b:section>
<section class="header" id="header-right" showaddelement="yes"></section></div>
</b:section>
</div>

Now seve your themplate.

Continue Reading →