| Blogger Tips And Tricks|Latest Tips For Bloggers Blogger Tips And Tricks|Latest Tips For Bloggers Mon, 11 Dec 2023 09:46:02 +0000 en-US hourly 1 How To Create Text Area with Select All https://www.bloggertipandtrick.net/how-to-create-text-area-with-select-all/ https://www.bloggertipandtrick.net/how-to-create-text-area-with-select-all/#comments Sun, 31 May 2009 09:16:00 +0000 http://www.bloggertipandtrick.net/2009/05/how-to-create-text-area-with-select-all.html 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. […]

The post How To Create Text Area with Select All appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]>

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.

The post How To Create Text Area with Select All appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/how-to-create-text-area-with-select-all/feed/ 2 How To Add Search Box to Search in Your Blogsite(Website) https://www.bloggertipandtrick.net/how-to-add-search-box-to-search-in-your/ https://www.bloggertipandtrick.net/how-to-add-search-box-to-search-in-your/#comments Sun, 05 Apr 2009 09:24:00 +0000 http://www.bloggertipandtrick.net/2009/04/how-to-add-search-box-to-search-in-your-blogsitewebsite.html 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 […]

The post How To Add Search Box to Search in Your Blogsite(Website) appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

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


The post How To Add Search Box to Search in Your Blogsite(Website) appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/how-to-add-search-box-to-search-in-your/feed/ 2 How To Create Scrolling Text Boxes https://www.bloggertipandtrick.net/how-create-scrolling-text-boxes/ https://www.bloggertipandtrick.net/how-create-scrolling-text-boxes/#comments Sun, 29 Mar 2009 09:33:00 +0000 http://www.bloggertipandtrick.net/2009/03/how-to-create-scrolling-text-boxes.html You may want to create a text box with content for your viewers to copy. There is an easy way to do that. Copy the code below into the Edit HTML part of your Post Editor: <textarea style="width:332px;height:70px;" onfocus="this.select();">PUT CONTENT HERE</textarea> This will look like the following : PUT CONTENT HERE If you want set […]

The post How To Create Scrolling Text Boxes appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> You may want to create a text box with content for your viewers to copy. There is an easy way to do that. Copy the code below into the Edit HTML part of your Post Editor:

<textarea style="width:332px;height:70px;" onfocus="this.select();">PUT CONTENT HERE</textarea>

This will look like the following :

If you want set background :

<textarea style="width:332px;height:70px;background:#6699ff;" onfocus="this.select();">PUT CONTENT HERE</textarea>

This will look like the following :

The post How To Create Scrolling Text Boxes appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/how-create-scrolling-text-boxes/feed/ 1