Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
Pada kesempatan kali ini kian akan membuatkan sebuah tips tentang "Membuat Search Engine/kolom pencarian" postingan yang kita buat. sama halnya dengan postingan Kian yang kemarin ( membuat search engine bergambar).

kali ini pun Kian akan memberikan hal yang sama, hanya saja kode yang akan Kian berikan sedikit berbeda dengan kode yang kian berikan tempo hari. Tapi secara teknis tidak ada yang berubah secara drastis.

Hanya saja perbedaan selera yang akan menentukkan apakah kode ini akan kamu gunakan atau tidak.
Hal yang harus kamu lakukan adalah letakkan kode dibawah ini tepat diatas ]]></b:skin>
/* The Search */
#search {
height:30px;
width:auto;
margin-top:5px;
padding:10px 5px 10px 15px;
width:310px;
background:#000000 url();
border:#ffffff solid 1px;
border-radius:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#search form {
margin: 0;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s { margin-left:0px;
float: left;
width:231px;
padding: 6px 2px 7px 5px;
background: url(http://i317.photobucket.com/albums/mm393/d_otherside_band/sform2.jpg) no-repeat;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#333;
}
#searchsubmit {
width:57px;
float: left;
background:#fff url(http://i317.photobucket.com/albums/mm393/d_otherside_band/sbutton.jpg);
border:none;
font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
color: #ffff00;
height:30px;}
Kalau kamu sudah punya search postingan, kamu cukup mengganti kode Search engine kamu dengan kode yang Kian buat diatas. setelah itu simpan...

Langkah terakhir yang harus kamu lakukan adalah : klik Layouts, pilih element halaman, tambahkan gadget baru dengan memilih "HTML/Javascript". kemudian copy kode berikut kedalamnya :
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>
selesai Simpan dan lihat hasilnya..

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

0 Response to "Buat Search Engine sendiri"

Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |