Hanya sedikit tutorial yang membicarakan tentang welcome screen yang terdapat pada awal blog ini terbuka..^^
dan saya akan coba membantu teman-teman yang suka sama welcome screen dan segera ingin meletakannya di blog teman-teman.
Ingat, saya bukan ingin menyombongkan diri..^^
tapi hanya ingin membantu sahabat blogger..^^
1.Langkah pertama copy script kode di bawah ini
<style type="text/css">
#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-image: url("http://i492.photobucket.com/albums/rr281/aldy_sha/black.jpg");
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://i492.photobucket.com/albums/rr281/aldy_sha/aldyfooz-1.png"/></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://i492.photobucket.com/albums/rr281/aldy_sha/welcometomyblog.jpg"></a>copyright © 2009 created & designe by:<a href="http://www.aldypatties.co.cc/" target="_blank">Aldy</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()
</script>
2.buka dashboard lalu pergi ke layout lalu tambahkan widget html, paste script diatas, dan save
3.ganti setiap url photobucket (berwarna orange) yang ada di atas dengan url photobucket yang anda ingin kan...
4.inget, ini butuh ketelitian dan kesabaran..^^
5.kalo anda blogger, anda dapat utak atik sendiri skript di atas...
6.klo anda bingung, jangan sungkan untuk bertanya..^^
7.terima kasih..^^
hehehehe dapet info baru lagi nee
BalasHapusWah, keren mas..
BalasHapusThx ya,
tapi rada ngribetin juga,
BalasHapuscoz setiap buka page baru welcome screan nya muncul trus...
ohh bgitu tohh.. nais info gan!
BalasHapus^_^
Kren bozzz
BalasHapusKo ngga' diberi tau posisi nyimpennya?
BalasHapus