Blogger Backgrounds

Saturday, July 9, 2011

Tutorial: Floating Notes

Here's how:
1. Go to Dashboard => Design => Page Element => Add Gadget => HTML/JavaScript
2. Paste this ( Ctrl + C ) ( Ctrl + V )

<style type="text/css">#topbar{position:absolute;color:#000000; border: 3px solid purple;padding: 2px;background-color: #FFFFFF;width: 239px;visibility: hidden;z-index: 100;}
</style><br /><br /><script type="text/javascript">
/************************************************ Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)* This notice must stay intact for legal use.* Visit http://www.dynamicdrive.com/ for full source code***********************************************/
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser sessionvar startX = 30 //set x offset of bar in pixelsvar startY = 5 //set y offset of bar in pixelsvar verticalpos="frombottom" //enter "fromtop" or "frombottom"
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function get_cookie(Name) {var search = Name + "="var returnvalue = "";if (document.cookie.length > 0) {offset = document.cookie.indexOf(search)if (offset != -1) {offset += search.lengthend = document.cookie.indexOf(";", offset);if (end == -1) end = document.cookie.length;returnvalue=unescape(document.cookie.substring(offset, end))}}return returnvalue;}
function closebar(){if (persistclose)document.cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}
function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}
if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script><div id="topbar"><a href="" onclick="closebar(); return false"><img src="CLOSE BUTTON URL"></a>YOUR NOTES HERE</div>

Close Button Suggestion:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwiMY6Sf50fFd2mrhY60SLi3KlOuyNv6BIGrdtP13k_8Yne3SfAOQuOHOGDKpLlApo44bDjlyjukh8RmhgZ9Jx6ec2Hlg-fCYoLNeM_dO3Eg3lerW5LntMtaZHB8XzMA8qyNqH1IbVBAhG/s1600/close+lagi.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXll1DylVGyfmKDux9riY1OF4BzfRY8OCIgIg3I2UO5N4Hhpu2Sd8OFeeOgVJMdVoqsqaYlUGqa_CmvPL0R_0jyDGGw05Vp6AzCK-vF-Mt4VD1D2vTX-sLhYBl3SKuZyxbWqUcHVaoMHqw/s1600/close.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZMMsTKHYVEsnZzIavbXlaKheCoxpyhzw30r3MiKCGlco6YFBYfgqyZBl6X95foVm6w3Z1n83MB8eya9riaLMEaFN7x7qI5eDLtfNIa8ieqIXth5NBW1GD-y0bZjqxPStU6KHEBozPJwl/s1600/tutup+lagi.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJVky-Eyl7g9PP6ezL-YCNT1XYIgqdrVOxKQH68S4ZAcQjeJLef4hyphenhyphenSJzCNpcZXRptf_oqSrv3l3AJaIR17jHafDk-H2DW5rF5AA8R5KVO1MQqH00F6yUYENn_WKM0EAFeJQnu-GF6yNW7/s1600/tutup.png 
 P/S: preview first before saving just in case it didn't work due to a few mistakes...


JibberJabber Kid... 

Have A Nice JibberJabber Day!

No comments:

Post a Comment

JibberJabber Here

Copyright Owned by JibberJabber Kid Y(^,^)Y