Those of you who are not famaliar to html code, you can create a simple link or drop down and add it to your blog very easily just like other links. No code editing, just one simple link. Here are some links. If You know any other, don’t forget to leave comment, I will update it here…

1. Social Bookmark Link Creator
2. Chicklet Creator

If you like this post don’t forget to subscribe to our feed.

You are done..!

1. Login into blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Click Download Full Template and please back up your template first.
5. Copy and Paste the following code right above ]]><b:skin>

#mta_bar {
background:#003366;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode==”CSS1Compat”? document.documentElement.clientWidth+”px” : body.clientWidth+”px”);
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url(‘http://img229.imageshack.us/img229/3826/icorsstransthumb1bj4.png?imgmax=800′) no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

6. Find this code </head> in your template
7. Copy and paste the following code right above </head>

<script type=’text/javascript’>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(“mtaFloatInit(mta_arr['+mtapointer+'])”,1);’;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”;
}
function closeTopAds() {
document.getElementById(“mta_bar”).style.visibility = “hidden”;
}
//]]>

</script>

8. find this code </body> in your template ( end of template code)
9. Copy and paste the following code right above </body> (sample only : change the red mark with your�s)

<div id=’mta_bar’>
<div id=’left_bar’><span class=’left’><a href=’http://feeds.feedburner.com/indianmonsters‘ target=’_blank’>More than 786 have subcribed in readers, have you?</a></span></div>
<span class=’right’ onmouseout=’self.status=&apos;&apos;’ onmouseover=’self.status=&apos;indianmonsters.blogspot.com.com&apos;;return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?imgmax=800′ style=’cursor:hand;cursor:pointer;’/></span></div>

10. Click Save template
11. Finish then view your blog.