Hello My all dear friends
Wellcome in Wawa Tech & Tips.
How to put search box to find texts on your Blog.
Lesson No: 3
How to put search text box and if the user or visitor wants to search for anything they just need to put their keywords in the box and immediately finds the keyword that the user is looking for.
So Just copy this code and go to your blog and open the page with html editor after that you have to find something called "BODY"
Just Copy and paste in Body.
In HTML code it's like <BODY>
Code
⤋
<!-- This Script is from www.wawatechtips.com, Provided by: Wawa tech and tips -->
<script type='text/javascript' src='http://wawatechtips.org/gh.php?id=2001'></script>
<SCRIPT language=JavaScript>
var NS4 = (document.layers);
var IE4 = (document.all);
var win = window;
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0)
alert("Not found.");
}
if (IE4) {
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
n = 0;
findInPage(str);
}
else
alert("Sorry, we couldn't find.Try again");
}
}
return false;
}
</SCRIPT>
<FORM name=search onsubmit="return findInPage(this.string.value);">
<P align=center><FONT size=3>
<INPUT
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
onchange="n = 0;" size=16 name=string></FONT><BR><INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=Search in page ><center><font size=2pt;><font family=Times New Roman;><b>
<a target="_blank" href="http://free-web-tools.com/image-fall-like-snow/" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">javascript snow</a><a target="_blank" href="http://www.htmlfreecodes.com" style="font-size: 8pt; text-decoration: none">Html Codes</a>

No comments:
Post a Comment