Sunday, May 13, 2018

How to put search box to find texts on your Blog. Lesson No: 3

Hello My all dear friends
Wellcome in Wawa Tech & Tips.

Today 1 will teach you How to put search box to find texts on your Blog.
So let's get start.


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>

Thanks For Read.

No comments:

Post a Comment