Wednesday, March 26, 2008

Make Status Bar at Blogger

Do you know statusbar exist in firefox???. status Bar like this usually showed by firefox in certain moments, like when there window pop-up crenellated, plugin not install, and as it. with display fitur of a kind at blog, we can easily tell to visitor hit informations has urgent also fresh. besides that, our blog also particularly impressive. in short i shall explain how to makes status bar at blogger blog. For you that intend pair status bar in the style of firefox at blogger blog, look at the way under this :

All you've got to do, copy code follows then paste between <head> and </head> at your template



<style type="text/css">

#statusline{

position: fixed;

left: 0;

width: 100%;

text-indent: 5px;

padding: 5px 0;

background-color: lightyellow;

border-bottom: 1px solid black;

font: bold 12px Verdana;

text-align:center;

}

* html #statusline{ /*IE6 hack*/

position: absolute;

width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px"
: body.clientWidth+"px");

}

</style>

<script type="text/javascript">

function statusline(){

this.displayfreq="always"

this.content='<a href="javascript:statusline.close()"><img
src="close.gif" style="width: 14px; height: 14px; float: right;
border: 0; margin-right: 5px" /></a>'

}

statusline.prototype.setContent=function(data){

this.content=this.content+data

document.write('<div id="statusline" style="top: -500px">'+this.content+'</div>')

}

statusline.prototype.animatetoview=function(){

var barinstance=this

if (parseInt(this.barref.style.top)<0){

this.barref.style.top=parseInt(this.barref.style.top)+5+"px"

setTimeout(function(){barinstance.animatetoview()}, 50)

}

else{

if (document.all && !window.XMLHttpRequest)

this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"?
document.documentElement.scrollTop+"px" : body.scrollTop+"px"')

else

this.barref.style.top=0

}

}

statusline.close=function(){

document.getElementById("statusline").style.display="none"

if (this.displayfreq=="session")

document.cookie="infobarshown=1;path=/"

}

statusline.prototype.setfrequency=function(type){

this.displayfreq=type

}

statusline.prototype.initialize=function(){

if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1
|| this.displayfreq=="always"){

this.barref=document.getElementById("statusline")

this.barheight=parseInt(this.barref.offsetHeight)

this.barref.style.top=this.barheight*(-1)+"px"

this.animatetoview()

}

}

window.onunload=function(){

this.barref=null

}

</script>

<script type="text/javascript">

var infobar=new statusline()

infobar.setContent('- Message which you will present -')

//infobar.setfrequency('session')

infobar.initialize()

</script>



in part

infobar.setContent('- Message which you will present -')


Change - message which you will present. - with your message
For Indonesia Language please visit This My World

Add to Technorati Favorites

0 comments: