News Update :

cara membuat search di blog keren

Diposting oleh : Posted on Kamis, 07 Maret 2013 - 8:11 AM with No comments


Pada tutorial kali ini saya akan berbagi ke kawan - kawan bagaimana caranya untuk membuat Search engine di blog kita dengan mudah dan simpel. Search Engine merupakan pengertian dari Mesin Pencari, yaitu supaya kita lebih mudah mencari judul artikel ataupun kata - kata yang tercantum dalam blog kita. Dengan Search Engine, dapat mempermudah orang dalam mencari informasi dan berita dengan keyword yang mereka ketik, misal kita ingin mencari info di google, kita tinggal ketik saja yang ingin kita cari.. mudah kan?? sama seperti pada blog kita, juga pasti sangat memerlukan mesin pencari supaya para pengunjung lebih mudah untuk mencari artikel - artikel pada blog kita. 

Berikut Cara Membuat Search Engine di Blog dengan Mudah :

1. Masih di Layout, Klik Add a Gadget.

2. Klik HTML/JavaScript.
3. Copy kode dibawah ini, lalu Paste Kan kedalam HTML/JavaScript. 

<style type="text/css">
#search{position:absolute;top:80px;right:200px}
.search form{width:260px;height:30px; background:url(http://3.bp.blogspot.com/-juykkQL2lo4/UFXfqpN2PwI/AAAAAAAAAo8/z7Sd0TwSVPU/s1600/searchform.png) no-repeat 0 0;position:relative}
.search input#search-text{position:absolute;left:10px;top:0;border:0;background:none;width:150px;height:30px;line-height:25px;color:#7b7b7b}
.search input#search-submit{position:absolute;top:0;right:0;width:73px;background:none;border:none;cursor:pointer;height:26px;line-height:26px}
.status-msg-wrap{display:none}.status-msg-body{display:none}
.status-msg-border{display:none}
</style>
<div id='pencarian'>
<div class='search'>
<form action='/search' id='search-form' method='get'>
<input id='search-text' name='q' placeholder='Pencarian Kata Kunci' type='text'/>
<input id='search-submit' name='' type='submit' value=''/>
</form>
</div>
</div>

4. Save.
5. Selesai..!!

Gimana?? mau pilih yang mana? cara pertama apa cara yang kedua?
Kalau itu sih terserah anda saja, yang penting dua - duanya mudah dan simpel kan..?

Selamat mencoba!!
Share this Article on :
cara membuat search di blog keren
Item Reviewed: cara membuat search di blog keren 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Posting Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.