.jpg)
script ini berfungsi sebagai pemberitahuan dini bagi pengunjung dan berisi pesan atau informasi mengenai blog. Munculnya bar ini bisa dihilangkan apabila mungkin pengunjung tidak membutuhkannya dengan meng-klik pesan tersebut.
Langkah-langkah mudah ko sob....
1. Pastinya login dulu ke blognya
2. Copas script di bawah ini
( Script ini untuk posisi text di atas bar)
<style type="text/css">
#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 3px 0;
background-color: YELLOW;
border-bottom: px solid black;
font: bold 12px Verdana;
}
* html #informationbar{ position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
</style>
<script type="text/javascript">
/***********************************************
* Animated Information Bar on http://www.masbugie.com
***********************************************/
function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()">'
}
informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
}
informationbar.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
}
}
informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}
informationbar.prototype.setfrequency=function(type){
this.displayfreq=type
}
informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
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 informationbar()
infobar.setContent('SELAMAT DATANG DI HTTP://BLOG-SAYA.BLOGSPOT.COM , JIKA ANDA INGIN BERLANGGANAN ARTIKEL LAINNYA SILAHKAN KLIK <a href="http://www.masbugie.com">DISINI</a>')
infobar.initialize()
</script>
( Script ini untuk posisi text dibawah)
<style type="text/css">
#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 3px 0;
background-color: YELLOW;
border-bottom: px solid black;
font: bold 12px Verdana;
}
* html #informationbar{ position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
</style>
<script type="text/javascript">
/***********************************************
* Animated Information Bar on http://www.masbugie.com
***********************************************/
function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()">'
}
informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="bottom: -500px">'+this.content+'</div>')
}
informationbar.prototype.animatetoview=function(){
var barinstance=this
if (parseInt(this.barref.style.bottom)<0){
this.barref.style.bottom=parseInt(this.barref.style.bottom)+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.scrollbottom+"px"')
else
this.barref.style.bottom=0
}
}
informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}
informationbar.prototype.setfrequency=function(type){
this.displayfreq=type
}
informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
this.barheight=parseInt(this.barref.offsetHeight)
this.barref.style.bottom=this.barheight*(-1)+"px"
this.animatetoview()
}
}
window.onunload=function(){
this.barref=null
}
</script>
<script type="text/javascript">
var infobar=new informationbar()
infobar.setContent('SELAMAT DATANG DI HTTP://BLOG-SAYA.BLOGSPOT.COM , JIKA ANDA INGIN BERLANGGANAN ARTIKEL LAINNYA SILAHKAN KLIK <a href="http://www.masbugie.com">DISINI</a>')
infobar.initialize()
</script>
Note :
-Teks yang berwarna kuning adalah warna bar dan dapat disesuaikan dengan warna pilihan Anda.
-Teks yang berwarna merah silahkan sesuaikan dengan yang Anda inginkan.
4. Tambah Gadget HTML/javascript dan paste kode di atas,,
selesaiiii...!!! selamat mencoba jika berminat sob,,,,,hehe...
silahkan koment jika ada komplain.....
Label:
Tricks Blogger
0 Comments
