Implement the Toggle Visibility function - Show/Hide anything

Posted by Dr.K@meleon at 2:44 PM . Tuesday, September 30, 2008
0 comments
Labels: , , , , , ,

  1. Log in your Blogger account.
  2. From the Dashboard, go to Layout
  3. Choose Edit HTML
  4. Scroll down a bit or look for : 
    </head>
  5. Immediately above that, copy/paste : 
    <script language="javascript" type="text/javascript">
function toggleVis( elemID )
{    var elem = document.getElementById( elemID );
	if( elem.style.display != 'none' )
        {        elem.style.display = 'none';
        }
        else
        {        elem.style.display = 'block';
        }
}
</script>
  6. Save your template.
  7. To use it, you just have to create a DIV and give it an ID. And then, create an instance which (e.g. on click) will invoke the 'toggle visibility' function of your DIV.
  8. Example : 
    <a onclick="toggleVis('example');">
    Click here to toggle visibility of the following element</a>
<div id="example">This is the element to be toggled</div>

    produces...
    Click here to toggle visibility of the following element
    This is the element to be toggled

HTML Tutorial - <a> tag

Posted by Dr.K@meleon at 1:44 PM .
0 comments
Labels: , ,

Usage : Creates hyperlinks, the text that you can click on in your web browser to go to another web page

Syntax : 

<A HREF="URL" params>TEXT-TO-BE-DISPLAYED</A>

Optional Params :

NAME: name a section of the page
TARGET: which window the document should go in
TITLE: suggested title for the document to be opened
onClick: script to run when the user clicks on this anchor
onMouseOver: script to run when the mouse is over the link
onMouseOut: script to run when the mouse is no longer over the link

Example : 

<A HREF="http://bloglates.blogspot.com">Bloglates!</A>

produces...

Bloglates!

How to change the favIcon

Posted by Dr.K@meleon at 1:04 AM .
0 comments
Labels: , , , , ,

  1. Log in your Blogger account.
  2. From the Dashboard, go to Layout
  3. Choose Edit HTML
  4. In the first few lines, look for : 
    <head>
  5. Immediately below that, copy/paste : 
    <link href='URL' rel='shortcut icon'/>
  6. Replace URL with the location of your favIcon image
    (e.g. http://xxx.googlepages.com/fav.ico)
  7. Save your template.
  8. Done! The new FavIcon will show up after one-or-two browser refreshes.

How to remove the Navigation Bar

Posted by Dr.K@meleon at 5:27 PM . Monday, September 29, 2008
0 comments
Labels: , , , , ,

  1. Log in your Blogger account.
  2. From the Dashboard, go to Layout
  3. Choose Edit HTML
  4. Scroll a bit down, and look for : 
    <b:skin><![CDATA[/*
  5. A few lines below that, copy/paste : 
    #navbar-iframe {
    	height:0px;
    	visibility:hidden;
    	display:none
    }
  6. Save your template.
  7. Done! The NavBar is gone.

.