Berawal dari rasa penasaranku untuk membuat openig page (Move Page) atau intro sebelum memasuki sebuah blog seperti blogku yang satu ini, soalnya cara membuat seperti ini masih jarang untuk sebuah blog, menurutku sih, akhirnya aku menemukan cara yang unik juga sih, malah sering orang menggunakannya. saya coba membuat ini dengan sedikit memodifikasi dari script pop up windows dan juga ternya banyak yang minta.
Ya udah dari pada ribet mending kita coba aja yuukk.....

Pertama kamu copy code yang di bawah ini nih:


<style type="text/css">

#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-image: url("http://i304.photobucket.com/albums/nn182/ebiets/blackbit-2.gif");
border-bottom: 1px solid black;
font: bold 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}

</style>

<script type="text/javascript">

/***********************************************

* Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

***********************************************/

function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()"><img style="width: 300px; height: 250px; float: right; border: 0; margin-right: 330px" src="http://i304.photobucket.com/albums/nn182/ebiets/ENTER-4.gif"/></a>'
}

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.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">
<!--Invocation code-->

var infobar=new informationbar()
infobar.setContent('<a><img border="0" alt="#" style="display:scroll;position: fixed; bottom:0px;rightt:0px;" src="http://i304.photobucket.com/albums/nn182/ebiets/mprootcrime1-1.gif"></a>copyright © 2009 created & designe by:<a href="http://www.cidaunsblog.tk/" target="_blank">Mproot</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()

</script>

Setelah kamu copy, kemudian lari sekenceng-kencengnya untuk log in ke blogger, kemudian masuk ke Layout atau Tata Letak, trus klik add Widget, paste code tadi di kolom add widget javascrpt, kemudian kamu save.
dan jadi deh......


Catatan:

sebelumnya kamu bisa merubah dulu code yag berwarna merah sesuai keinginan kamu.

kode yg berwarna biru bisa kamu ganti seperi dibawah ini, bila kamu belum punya gambar background:

background-color:#000000;

kode diatas untuk backgroun yg berwarna hitam, untuk kode yang lain cari aj ndiri....

Selamat mencoba dan teruslah berkarya....