Floating Message in Top Bar

How to create a float on the top of the message header blog, is very simple you only need to enter script jquery-1.2.6.min.js on your template.


Message that is displayed follow scrool the mouse to remain over if you rub scrool bar


Tutorial :


1. Input this code in your template


#message_box {

position: absolute;

top: 0; left: 0;

z-index: 10;

background:#ffc;

padding:5px;

border:1px solid #CCCCCC;

text-align:center;

font-weight:bold;

width:99%;

}




2. Input this Script in <head> blog



<script language='javascript' src='http://www.geocities.com/agung_sujiwa2001

/jquery-1.2.6.min.js' type='text/javascript'/>


3. Copy code below and input into the <body>



<div id='message_box'>

<img id='close_message' src='http://www.geocities.com/agung_sujiwa2001/12-em-

cross.png' style='float:right;cursor:pointer'/>

YOUR MESSAGE IN HERE

</div>




4. Preview to anticipate that the error does not occur
5. Save Setting


LIVE DEMO

Look in top bar

Comments :

0 comments to “Floating Message in Top Bar”

Post a Comment

 

Followers

About Me