Title Search Widget

Sabtu, 08 Agustus 2009

Title Search Widget adalah widget yang menampilkan beberapa judul post/artikel kamu yang cocok dengan keywords (kata kunci) yang kamu ketikkan. Dengan widget ini, kamu ga perlu lagi pindah ke halaman lain untuk melihat hasil pencarian kamu, jadi langsung ditampilkan di halaman itu.
Selain menampilkan judul beserta link dari artikel kamu, widget ini juga menampilkan ringkasan dari artikel kamu. (lihat screenshot-nya)

Kamu bisa lihat contohnya pada kotak pencarian di bagian sebelah kanan blog ini.

Widget ini hanya akan memuat feed dari blog tersebut saat kotak pencariannya diklik, jadi tidak akan begitu memberatkan waktu loading awal blog.

Caranya:

  1. Masuk ke account Blogger kamu, klik "Layout" - "Page Elements",
  2. Klik "Add a Gadget" - "HTML/JavaScript",
  3. Tulis judul yang kamu inginkan dan tambahkan kode-kode di bawah ini:

    Kode untuk kotak pencarian:
    <form action='/search' method='get'>
    <input name='q' onfocus='ts_loadFeed()' onkeyup='ts_titleSearch(this.value)'/>
    <input type='submit' value='Search'/>
    </form>

    Kode untuk hasil pencarian:
    <div id='ts_content_list'></div>
    <script type='text/javascript'>
    var ts_summary_length = 200;
    var ts_blog_url = "http://BLOGKAMU.blogspot.com";

    // ganti variabel2 di bawah jika kamu ingin mengganti bahasa
    var ts_LOADING = "Memuat...";
    var ts_TYPE_KEYWORDS = "Silakan ketik kata kuncinya";
    var ts_NO_RESULTS = "Tidak ada judul yang cocok";
    var ts_SEE_SUMMARY = "Lihat Rangkuman";
    var ts_HIDE_SUMMARY = "Sembunyikan Rangkuman";
    </script>
    <script src="http://copycat91.googlecode.com/svn/trunk/titlesearch.js"/>
    </script>
  4. Kamu boleh mengganti kode-kode yang ditebalkan:
    • ts_summary_length adalah jumlah karakter (kurang lebih) ringkasan dalam hasil pencarian,
    • ts_blog_url adalah URL blog kamu (khusus yang memakai Blogger saja),
    • dan variabel lainnya yang berhuruf kapital adalah untuk memudahkan dalam mengganti bahasa.
  5. Kalau kamu sudah mempunyai kotak pencarian dan tidak ingin menggantinya, cukup cari saja kode name='q' dan tambahkan di sampingnya kode di bawah ini:
    onfocus='ts_loadFeed()' onkeyup='ts_titleSearch(this.value)'
    Dan jangan lupa tambahkan juga kode untuk hasil pencarian di tempat yang kamu inginkan (kamu bisa menambahkan gadget HTML/JavaScript untuk menempatkan kode hasil pencarian).
Selamat mencoba!
:D

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner

51 komentar:

Berry Devanda mengatakan...

wah...info baru ne...
makasi infonya...
sangat bermanfaat...
salam

pixie haircuts mengatakan...

waw.. artikel2nya bermanfaat nih. bisa banyak belajar dari sini.

wiryo mengatakan...

wah bagus banget nih blognya and tips-tipsnya. Sobat ada software percepat upload di ziddu, 4share dan mediafire di blog saya kunjungi ya.
http://www.blogme.web.id

cewek-ebatzz mengatakan...

gimana ini sob... masih bingung ne caranya :(

jaya mengatakan...

info nya nggak jelas hahahah ngasi ilmu kok setengah-tengah.... yang pemula kan nggak ngerti...

saifulanwar mengatakan...

oke sob tips nyatriknya keren banget cuy...cendolin ahhh

Astaga.com lifestyle on the net mengatakan...

I have a lot of blogs and I want to make each of them do follow. Thanks for the code.

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

nowGoogle.com adalah Multiple Search Engine Popular

blog FAI Unikarta mengatakan...

makasi infox

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

nice tips, thanks

Festival Museum Nusantara mengatakan...

mampir sob

Health Spot mengatakan...

mantab gan

Piala Dunia 2010 mengatakan...

tips keren gan

sHinDu mengatakan...

wah... top banget!!
thx ya sob...
sangat bermanfaat..!

ILONK mengatakan...

KOG GA MUNCUL KAYA DI SCREENSHOT YAA... SAMA AJA KAYAK BIASA.

mardee mengatakan...

bookmark dulu yee..
udah capek,kapan2 saya terapkan diblog.

makasih inponya ;)

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Thank's,,,

Isnan Nugrah Lastiko mengatakan...

thanks infonya

YESUS mengasihimu mengatakan...

mantap bro search enginenya^^
thq
Ymk..

♥Ħαηιƒ Ďιηαř♥ mengatakan...

ini brmnfaat banget ;)

Reynold P.A.S mengatakan...

sedikit kurang jelas bro.....
KODE PENCARIAN sama KODE hasil Pencarian digabung dalam satu html/java script APA TIDAK....
bingung bro....

STMIK AMIKOM menuju Research University mengatakan...

hmmm, ikut nyimak ...

ID Creative mengatakan...

tapi kok punyaku ga bisa e..
pas mw dsimpan muncul gini tulisannya..
"Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Element type "input" must be followed by either attribute specifications, ">" or "/>"."

Steve mengatakan...

title search widget-nya bangus, perlu dicoba. thanks ;)

jahidin zee mengatakan...

Maaf gan di blog ane..kog
ga seperti aya yang digambarkan diatas ...
mohon bantuannya..
trims...

Nikmaya John mengatakan...

nice inpo sob,,,,

Asmara Susanto mengatakan...

nice post

cek info mengatakan...

k tkp gan ijin sedoot

whiplash mengatakan...

Your article is very useful, I need a new post to have more ideas.

AliveChat Review mengatakan...

Do you have such a plugin installed? I just would like to see it in work.

amristyleshop mengatakan...

kok nggak sesuai ama skrinsutnya ya??

nggak ada tuh yang dropdown..

check ndiri dah..

amristylehop.blogspot.com

Supercoolzz | Blog Berbagi Informasi mengatakan...

bagus

Android apps developer mengatakan...

The google's inbuild title search is quite effective, which searches for content as well as tags, which are given by the user. Still a great widget thanks

Home page mengatakan...

Great web site you’ve got here.. It’s difficult to find excellent writing like yours nowadays. I truly appreciate people like you! Take care!!

klik iklan dapat dollar mengatakan...

makasih gan infonya bermanfaat..
salam mas brow

Jual Frame Kacamata mengatakan...

Makasih informasinya gan..

Skorbola.co Situs Portal Berita Sepakbola Terkini mengatakan...

search ternyata bisa di buat seperti itu yah.

Jawa Cyber mengatakan...

it's very nice information for human in the blogger,. www.jawacyber.com - Jawa Cyber

Obat Tenggorokan Sakit mengatakan...

Terimakasih sudah berbagi gan :)

Look at this site mengatakan...

Very good stuff with good ideas and concepts, lots of great information and inspiration, both of which we all need.

Situspoker88.com mengatakan...

Situs Agen Judi Poker dan Domino Online Terpercaya Indonesia
AGEN POKER DAN DOMINO TERBAIK DI INDONESIA
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA
AGEN DOMINO99 DAN POKER ONLINE TERBESAR DI ASIA
Agen Judi Poker Domino QQ Ceme Online Indonesia
Referensi Judi Poker Domino QQ Ceme Online Indonesia
AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA

Makasih Gan :)

dissertation help mengatakan...

Thanks for this code. really good one

Desti Watch mengatakan...

terima kasih infonya...sangat bermanfaat bagi saya..

diah wulandari mengatakan...

Terima kasih gan untuk infonya, sangat bermanfaat...

H2H PLN Murah
Pulsa H2H Murah
Saldo Vtri Murah
Software Pulsa
Software Roket Pulsa

Kemanapun Ada mengatakan...

Really your blog is very interesting.... it contains great and unique information. I enjoyed to visiting your blog. It's just amazing.... my blog: Cara Mengatasi Batuk Berkepanjangan

JinBasster mengatakan...

This was a fantastic article. Really your blog is very interesting.... it contains great and unique information.. I always express my gratitude to you for allowing me to comment Obat Radang Sendi Karena Asam Urat

Loran Fabyuel mengatakan...

Very nice and helpful information has proessaywriting.com essay writing service
been given in this article.

Kazama Bass mengatakan...

haii,.. Website of yours is very nice, and it is also good to read. Anyway a success continue to make you the owner of this blog. Tips Agar Penis Tidak Mudah Loyo Atau Lemas || Inilah Tips dan Cara Ampuh Mengatasi Ejakulasi Dini || Efek Terlalu Sering Mengeluarkan Sperma || Cara Memperbanyak Sperma || Dampak Terlalu Sering Onani Atau Masturbasi || Cara Mengatasi Sperma Cepat Keluar Saat Berhubungan Intim

Kazama Bass mengatakan...

haii,.. Website of yours is very nice, and it is also good to read. Anyway a success continue to make you the owner of this blog. Tips Agar Penis Tidak Mudah Loyo Atau Lemas || Inilah Tips dan Cara Ampuh Mengatasi Ejakulasi Dini || Efek Terlalu Sering Mengeluarkan Sperma || Cara Memperbanyak Sperma || Dampak Terlalu Sering Onani Atau Masturbasi || Cara Mengatasi Sperma Cepat Keluar Saat Berhubungan Intim

dewa poker mengatakan...

Bagus sekali blog-nya, Terus berkarya Gan...!!

Poker Online
Agen Poker Online
PokerV
Poker uang Asli

Agen Poker online mengatakan...

Bagus sekali blog-nya, Terus berkarya Gan...!!

Poker Online
Agen Poker Online
PokerV
Poker uang Asli

Poskan Komentar

Silakan berkomentar di bawah ini. You comment, I follow.
Tapi komentar yang bernada spam akan saya hapus. Terima kasih :D

Cheat di Blog

Rainbow Text

Buku Tamu versi 2


ShoutMix chat widget
Widget by Info Blog

Headline News

Buku Tamu


ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)

Tautan Link Otomatis

Gamba di Pojok