How To Make Text Area With Auto highlight on Mouse Over

1.Login to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()"> Enter Your Content Here </textarea>

Note : Remember to replace Enter Your Content Here with your real content.

Look at the example below.

Tips for Bloggers for easy blogging and Making Money.blogger,blogspot tips and tricks.A dummies guide, templates,designs,widgets, JavaScript,HTML codes,SEO,Google AdSense,gadgets,how to monetize Blogger or blogspot blogs.

READ MORE - How To Make Text Area With Auto highlight on Mouse Over

How To Create Text Area with Select All

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag.

3.Now add below code before </head> tag.

<script type="text/javascript"> function selectAll() { document.form1.demo.focus(); document.form1.demo.select(); } </script>

4.Save your template.

5.Go to layout-->Page Elements.

6.Click on 'Add a Gadget' on the sidebar.

7.Select 'HTML/Javascript' and add the code given below and click save.

<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.

READ MORE - How To Create Text Area with Select All

How To Add Search Box to Search in Your Blogsite(Website)

1.Login to your blogger account.Go Layout --> Add a Gadget --> Select �HTML/JavaScript�.

2.Copy below code and paste it.Click save and refresh your site.

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>


Note:Remember to replace "YOUR BLOG URL" and "NAME OF YOUR BLOG" with your
details.
If you want to change the size of your search box than just change the value 20 to 35(any
value you like to get a bigger search box.
You can also change the �Search� button to say, �Hit� or �Go� or "Enter" or "Read more",
by changing the Value in the above html code.

3.You can see search box like below one.

Blogger Tips And Tricks

You can also remove the button "search" from the above search box and place an image for better look. The html code will be:

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>

You can see search box like below one.

Blogger Tips And Tricks

READ MORE - How To Add Search Box to Search in Your Blogsite(Website)

How To Provide Code for Other Bloggers to Link to your Blog

Your blog will increase in Page Rank when more and more bloggers link to your blog. Hence to gain more backlinks to your blog provide code for others to copy and paste into their blog template.

You can provide code for only a simple link or for an image link. The advantage with a link is you can specify what anchor text you want in the link. The search engines place a lot of importance on anchor text for indexing blogs.

CODE FOR BUTTON LINK

To provide an image link you will first have to create a button image. Just Google for "button generator". Go to any of these sites and create a button image. Here is one I made for this site : After creating the button upload it to a free host like Photobucket.com or Googlepages and copy down the link to the image. Paste it in a Notepad file for inserting it into the code as shown below.

To put the code in your sidebar login at Blogger.com and click on Layout link on Dashboard. Then click on Add Page Element link at top of sidebar. Choose the Html/Javascript option and paste the following code in the contents window and save :

<p>To link to this blog, copy and paste the code below into your site.</p>

<textarea rows="4" cols="24" style="font-size: 1.1em;" readonly="readonly" onclick="this.select();"><a href="BLOG_URL"><img
src="LINK OF IMAGE" alt="BLOG_DESCRIPTION" /></a></textarea>

Replace the CAPS with the relevant data for your blog. For this blog it will look like this :

+++++++++++++++++++++++++++++++++++

To link to this blog, copy and paste the code below into your site.

<a href="http://bloggertipandtrick.blogspot.com"><img src="http://i626.photobucket.com/albums/tt346/wam8387/bloggertipsbutton1.png" alt="Tips and Tricks for Bloggers" /></a>

++++++++++++++++++++++++++++++++++++
This will give an image link to your blog like this after a blogger pastes the above code in his blog.
++++++++++++++++++++++++++++++++++++

CODE FOR A TEXT LINK

The code for a text link is :

<p>To link to this blog, copy and paste the code below into your site.</p>

<textarea id="b_2" rows="4" cols="24" style="font-size: 1.1em;" readonly="readonly" onclick="this.select();"><a href="BLOG_URL">BLOG_TITLE</a></textarea>

Replace the CAPS with your Blog URL and Blog Title. It will look like this :

+++++++++++++++++++++++++++++++++

To link to this blog, copy and paste the code below into your site.

<a href="http://bloggertipandtrick.blogspot.com">Tips and Tricks for Bloggers</a>

READ MORE - How To Provide Code for Other Bloggers to Link to your Blog

How To Create Scrolling Text Boxes

You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :

<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>

This will look like the following :

PUT CONTENT HERE

If you want set background :

<textarea rows="10" cols="40" style="background:#6699ff;">PUT CONTENT HERE</textarea>

This will look like the following :

PUT CONTENT HERE

READ MORE - How To Create Scrolling Text Boxes