Membuat Widget Search Page di Blog
Membuat Layanan Search Page di Halaman Depan Blog sudah selayaknya kita buat dengan baek. Karena dengan adanya widget search ini bisa memudahkan para pengunjung dalam mencari artikel yang ada dalam blog kita. Gimana, langsung aja tak kasih tutornya sekalian contohnya. Soale lumayan gampang kok, karena kalian tinggal copas CSS yang ntar aku kasih dan ditempelkan aja tuh di blog kalian. Begini neh tutornya untuk sobat blogger semua.
Kalian masuk ke Edit HTML dulu
Cari kode ini ]]></b:skin>
Tempelkan CSS berikut ini persis diatasnya ::
Kalian masuk ke Edit HTML dulu
Cari kode ini ]]></b:skin>
Tempelkan CSS berikut ini persis diatasnya ::
<script language="JavaScript">
<!-- Original by http://javascript.internet.com More javascripts http://www.hypergurl.com
--> var NS4 = (document.layers); // Which browser? var IE4 = (document.all);
var win = window; // window to search. var n = 0; function findInPage(str) { var
txt, i, found; if (str == "") return false; // Find next occurance of
the given string on the page, wrap around to the // start of the page if necessary.
if (NS4) { // Look for match starting at the current point. If not found, rewind
// back to the first match. if (!win.find(str)) while(win.find(str, false, true))
n++; else n++; // If not found in either direction, give message. if (n == 0)
alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange();
// Find the nth match from the top of the page. for (i = 0; i <= n &&
(found = txt.findText(str)) != false; i++) { txt.moveStart("character",
1); txt.moveEnd("textedit"); } // If found, mark it and scroll it into
view. if (found) { txt.moveStart("character", -1); txt.findText(str);
txt.select(); txt.scrollIntoView(); n++; } // Otherwise, start over at the top
of the page and find first match. else { if (n > 0) { n = 0; findInPage(str);
} // Not found anywhere, give message. else alert("Not found."); } }
return false; } </script>
<!-- Original by http://javascript.internet.com More javascripts http://www.hypergurl.com
--> var NS4 = (document.layers); // Which browser? var IE4 = (document.all);
var win = window; // window to search. var n = 0; function findInPage(str) { var
txt, i, found; if (str == "") return false; // Find next occurance of
the given string on the page, wrap around to the // start of the page if necessary.
if (NS4) { // Look for match starting at the current point. If not found, rewind
// back to the first match. if (!win.find(str)) while(win.find(str, false, true))
n++; else n++; // If not found in either direction, give message. if (n == 0)
alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange();
// Find the nth match from the top of the page. for (i = 0; i <= n &&
(found = txt.findText(str)) != false; i++) { txt.moveStart("character",
1); txt.moveEnd("textedit"); } // If found, mark it and scroll it into
view. if (found) { txt.moveStart("character", -1); txt.findText(str);
txt.select(); txt.scrollIntoView(); n++; } // Otherwise, start over at the top
of the page and find first match. else { if (n > 0) { n = 0; findInPage(str);
} // Not found anywhere, give message. else alert("Not found."); } }
return false; } </script>
Terus untuk memanggilnya ::
Kalian taruh kode ini di sidebar pada blog kalian -->>
<form name="search" onsubmit="return findInPage(this.string.value);"><div align="center"><p><font size=3> <input name="string" type="text" size="15" onchange="n = 0;" /> </font> <input type="submit" value="Search Page" /></p></div></form>
