Submit

27
Pencarian (Search Engine) di Blogger dengan Flat Button Style dan Flat Textbox Style

"Cara buat Search engine di blogger"


Search Engine pada blogger merupakan proses pencarian untuk memudahkan mengunjung mencari suatu artikel sesuai dengan kata kunci yang digunakan. Walaupun sudah banyak yang mengetahui cara pembuatannya namun kali ini saya memberikan sentuhan yang berbeda dari yang standar, yaitu menampilkan dengan gaya Flat Button Style dan Flat Texbox Style.


Pengen tau cara buatnya ikuti langkah dibawah ini:



1. Pada Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman -> HTML/JavaScript



Copy/Paste code dibawah ini


<form action="http://NAMABLOG.blogspot.com/search" method="get">
<input class="textinput" name="q" size="37" type="text"/>
<input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Jangan lupa ganti warna merah dengan alamat blog sobat, dan jangan lupa disimpan :)



2. Langkah kedua pada Template -> Edit HTML


Copy/Paste code dibawah ini pada jajaran kode CSS pada blogger, kalo masih bingung cari kode body {  lalu setelah tanda akhiran body ada tanda  }  letakan saja dibawah kode tersebut. jangan lupa disimpan. dan lihat hasilnya :)


.buttonreset {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.buttonsubmit {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.textinput {
color : #333;
background-color: #ffffff;
border: 1px solid #999;
padding: 1px;
}


Hasilnya akan tampak seperti dibawah ini



 

Contoh menggunakan Flat Style



Contoh tampilan standar tidak menggunkan Flat Style


Selamat Mencoba and happy blogging :)


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


27 comments:

Tarakan Bais mengatakan...

Makasih mas atas kerjasamanya :x Salam kenal dari komunitas blogger tarakan :x smoga blog ini smakin sukses dan jadi rujukan ilmu blog dari penjuru tanah air indonesia :)

oom mengatakan...

thanks ya tarakan bais..semoga blogger tarakan tambak ok. dan terima kasih atas kunjungannya :)

Hamba Allah mengatakan...

nice blog, bagus, mesti banyak belajar nih sama oom

oom mengatakan...

thanks sudah mempercayakan blog ini..sering2 berkunjung ya :)

CempLuk mengatakan...

praktekin ah..

Sani mengatakan...

Halo .. Gimana kabarnya oom ?
Sori nih baru sekarang bisa berkunjung ..

yoxx mengatakan...

terimaksih oom

oom mengatakan...

kabar baik sani :)

oom mengatakan...

thanks balik unutuk semua dan mas yoxx thanks atas kunjungannya :)

rhyrees mengatakan...

wah makacih yah infona, udah dipraktekin. tapi ko nggak ada gambar logo googlenya ya, kaya di blog2 biasanya itu?gimana cara ngasihna om?
trus ngasih comment box yang keren tuh gmn sih?

oom mengatakan...

kalo yang ada gambar googlenya biasanya itu script dari blogger langsung / atau search pada adsense juga ada, kalo mau yang bergambar saya belum nulis caranya coba kunjungi http://edittag.blogspot.com/2007/07/blogger-add-search-widget-to-layout.html
disini mas agus hery sudah nulis artikel untuk serch. semuga membantu :)

Nugi mengatakan...

Oom aku copy artikelnya ya... untuk tambah2 koleksi artikel search engine... Oiya kemarin aku juga menjiplak search enginenya oom, dan tak buat artikel.

ch4p03nk mengatakan...

Om..thanx ya untuk tutorial nya.

Agus (o-om) mengatakan...

Thanks juga capunk :)

Sudarma mengatakan...

Terima kasih om. aku dah terapin ke blogku. Blog om pasti maju

adie atjong mengatakan...

makasih o-om

Langganan mengatakan...

Blog ini pantas jadi langganan mampir kawan2

Ranggalawe Istifajar Rullinda mengatakan...

lah, om agus, kok aku nggak bisa tombolnya jadi model flat itu om...

OOM mengatakan...

@ Ranggalawe : coba dulu ya siapa tau ada kode yang kurang :)

Hidayat mengatakan...

Bang OOM memang ahlinya saya yang baru belajar aja udah bisa bikin search engine dengan mengikuti langkah2 yang diberikan di atas, thanks ya OOM....

Anonim mengatakan...

Bravo!!! artikelnya emang sangat membatu saya, sukses OM!

myokezone mengatakan...

makasih nih infonya ya...om

kuryt mengatakan...

good...good...

Mahasiswa yang punya Cita mengatakan...

Thanks mas, Buat triks nya....;;):D

yogabrc mengatakan...

:))

Dzulfikar Abdul F mengatakan...

Wah bagus juga nih tutorialnya

Alex Irfani mengatakan...

wah.... keren Om. Omm, saya mau tanya.. kalau misal blog di pasang search engine sudah gak fungsi, tuh masih bisa di perbaikin gak sih ? soal nya saya coba di blog 1 bermasalah, tp kl di pasang di blog pnya ku yg 1 nya tidak ada masalah. Q coba ganti template, trnyata masih saja kalau di pasang search engine, tidak mau keluar. pasti hasil nya begini "Tidak ada entri yang cocok dengan kueri..." gitu Om. Barang kali O'om bisa bantu.. hehee tapi trims ya Om sebelumnya,

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.