Studio Information™: Java Script

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

Baca Selengkapnya......

Chapfallen articles because you often imitated as other people? sometimes we also often made chapfallen same blogger who like to play another copy and paste the article, especially if not installed the original source article. stingy and if you do want the same article is another blogger I recommend you attach the script code articles. Let's go start

1. Log In Blogger

2. Select the Layout / Edit HTML

3. Backup your template

4. Add the code below into the <head>



<script type='text/javascript'>





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



* Disable Text Selection script- © Dynamic Drive DHTML code library

(www.dynamicdrive.com)



* This notice MUST stay intact for legal use



* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code



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



function disableSelection(target){



if (typeof target.onselectstart!="undefined") //IE route



target.onselectstart=function(){return false}



else if (typeof target.style.MozUserSelect!="undefined") //Firefox route



target.style.MozUserSelect="none"



else //All other route (ie: Opera)



target.onmousedown=function(){return false}



target.style.cursor = "default"



}



//Sample usages



//disableSelection(document.body) //Disable text selection on entire body



//disableSelection(document.getElementById("mydiv")) //Disable text

selection on element with id="mydiv"



</script>

5. Save Setting

See the results

LIVE DEMO

Baca Selengkapnya......

Floating Message in Top Bar

Disable Ctrl + C and Drag

Labels

Blog Archive

Followers

About Me