Implement the Toggle Visibility function - Show/Hide anything

. Tuesday, September 30, 2008
0 comments

  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

.
0 comments

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

.
0 comments

  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

. Monday, September 29, 2008
0 comments

  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.

.