cara membuat search postingan di blog

Ahkirnya bisa juga nieh buat menu searching postingan yang ada di blog ini, setelah mencoba berulang kali dan teruz gagal melulu, tpi dengan usaha yg keras akhirnya bsa juga..memang bnyk ada di google cara membuat menu searching, tpi disini sya sdah mencobanya hasilnya lumayan memuaskan, dan tidak membuat blog sya menjadi loadingnya lambat,,

ok lah langsung sja sya ksi tutornya,,,ini hanya sekedar sharing kepada tmn" yg mungkin berminat pada menu searching sya ini..

lalu ketika menekan tombol search maka hasilnya:

berikut adalah tutorialnya :

• taruhlah sricpt di bawah ini di bawah tag </head>, ini tergantung dari kreasi tmn" mau menempatkannya dimana,,,nah keberulan sya menaruhnya pada:

<div class='topnavright'>
<ul id='topnavright'>

lalu sriptnya (kodingnya):

<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
<input class='png_bg' id='searchsubmit' type='submit' value='Go'/>
</form>

atau bisa juga dilihat pada gambar di bawah ini:

• kemudian taruhlah koding ini di bawah tag <head&gt;

dengan script:
*----------------SEARCH----------------*/

/* search form */
#searchform {
width: 200px;
float: right;
font-size: 12px;
padding: 0;
margin-right: 5px; }

#searchform #s {
background: #ffffff ;
width: 150px;
padding: 2px 1px 2px 5px;
color: #999;
border: 1px solid #888;
margin: 0;
margin-top: 6px; }

#searchform #searchsubmit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gxLSDsMBm9xWFwmmM6B0iUnpIaiGag-Kf4k-UXPWZcN-xX16AbCO55KTC1kBv9XjiByaUheIhfJ4hZ54UynHp2G7IQ1dIv9OQU0VWUakqy0Ob4d_rQF6Gcsmn4t6TDID88iwfBTV8Fo/) no-repeat 0 0;
height: 22px;
width: 22px;
border: none;
cursor: pointer;
text-indent: -999%;
line-height: 1px;
margin: 0; }

atau bisa dilihat pada gambar di bawah !!

yang diberi tanda merah, bisa di rubah sesuka hati tmn"...
kemudian save ato simpan template...lalu lihatlah hasilnya...

"Selamat Mencoba dan smoga hasilnya memuaskan"