How To Create Text Area With Highlight Button

Blog How to Tricks - Blog tricks to make the text area at blogger has been discussed and learn here. We can modify the text so that the area can more easily used by visitors.

We will learn blog tricks how to make text area with highlight button. This blog tricks to make text area with highlight button make it easier for visitors to copy words / code inside the text area.

Let learn blog tricks to make text area with the highlight button.

Simply copy the code below:

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" >Write your words/code here that will appear inside text area</textarea></div></form></div></center>

Paste in the place where you will place your text area.

The result will be like this:

Write your words/code here that will appear inside text area

Try clicking on the button Highlight

So all the code / words inside will automatically selected, and visitors just copy it only.

This blog tricks to make text area with highlight button is very simple and easy, but have a lot of function.

Happy blogging ..

Read More..

How to Create Float Image

This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. see example. You can put an image, widget, clock etc on the corner.
Step by step to create Float image.

1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"
4. The next step is put the code below before tag</body>

<div id="float_corner">

<a href="http://trik-tips.blogspot.com"> <img src="

http://blogoholic.info/files/soniclari.gif" border="0" /></a>

</div>

"http://trick-blog.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.

5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.

Read More..