rss

Thursday, December 16, 2010

How To Remove Link Underlines

Take a look at the links below:

Notice anything about them? They are not underlined, yet they are still active.
For a good while, people would write to me and ask how to rid the links on their page of the awful underline.Well, here's how you do it:

When you add a link in normal method your html code will look like this :
<a href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor

If you want to remove underline of link, add style="text-decoration:none" as example below.
<a style="text-decoration:none" href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor
that's it


Tuesday, November 30, 2010

Scroll Bar Widget For Blogger


Lets Make a Scrolling Bar menu for your Blog

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<div style="overflow:auto;width:260px;height:300px;padding:10px;">
<ul>

<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>

</ul>
</div>
Replace Your Link and Your Text with your contents.

you can edit width,height and padding in blue to adjust it to your blog.

Now click Save and That's It.


Tuesday, November 23, 2010

How To Create Text Area with Select All


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


</head>
And immediately before it, paste this code:
<script type="text/javascript">

function selectAll()
{
document.form1.demo.focus();
document.form1.demo.select();
}

</script>
Now click Save Templste.

Then, Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:
<form name="form1" >
<textarea cols="25" rows="10" name="demo">

INSERT YOUR CONTENT HERE

</textarea>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">
</form>
Note : Remember to replace INSERT YOUR CONTENT HERE with your real content.

Now you are done.


Friday, October 29, 2010

How To Create Disable Text Area

This grays out the textarea altogether and inhibits any change in the text as well as text highlighting.If you want to create disable text area use the code below.
<textarea cols="50" rows="5" disabled="yes">TYPE-YOUR-TEXT-HERE</textarea>
Look at the example below.
<textarea cols="50" rows="5" disabled="yes">Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.</textarea>
Result:


That's it.


Adding Meta Tags To Blogger(Blogspot)


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


<b:include data='blog' name='all-head-content'/>
Now place the following code just after it
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>
Now just change text in red with your own text. ‘Keywords’ meta tag can have any number of keywords.
and save the changes.


 

Recent Posts

Followers

Recent Comments