Menjelang akhir Ramadhan kali ini, k'ian akan memberikan sebuah tutorial mengenai sebuah widget "Title Search" atau tampilan judul dari blog. Ada alasan dibalik judul yg k'ian buat kali ini adalah:
Daripada kelamaan kita langsung mulai,....- Widget yang kita gunakan ini memiliki kesamaan dengan form "Search Engine" widget diblog kita, dan kita juga menggunakan form "Search Engine" widget pada tutorial kali ini.
- Meskipun menggunakan "Search Engine" widget di blog kita, namun cara kerjanya sangatlah berbeda. Jika pada "Search Engine" widget kita memasukkan kata yang dicari lalu kita "Enter" untuk mendapatkan hasil, pada widget ini kita cukup memasukkan kata yang dicari dan dia akan muncul dengan sendirinya tanpa kita klik "Enter". (untuk contoh bisa kamu lihat diblog k'ian ini)
Copy kode dibawah ini untuk form "search engine" nya...dan letakkan di bagian sidebar blog kamu.
<form action='/search' method='get'>Jika kamu sudah memiliki widget "Search Engine" di blog kamu, yang harus kamu lakukan cukup mencari kode
<input name='q' onfocus='ts_loadFeed()' onkeyup='ts_titleSearch(this.value)'/>
<input type='submit' value='Search'/>
</form>
name='q'
dan ganti kode dibawah ini :<input name='q' onfocus='ts_loadFeed()' onkeyup='ts_titleSearch(this.value)'/>Jika sudah terpasang klik "Save". Selanjutnya adalah tinggal memasang kotak hasil pencarian.
Untuk masalah ini kamu klik menu "Tata Letak" -->> "Add Gadget" dan pilih "Html/Javascript". kemudian masukkan kode dibawah ini :
<div id='ts_content_list' style='margin-left:10px; line-height:18px;'>Kode yang berwarna "Orange" kamu ganti dengan URL blog kamu..
<script type='text/javascript'>
var ts_summary_length = 100;
var ts_blog_url = "Url blog kamu";
// kamu boleh mengganti variabel di bawah, jika kamu ingin mengganti bahasa
var ts_LOADING = "Load...";
var ts_TYPE_KEYWORDS = "Masukkan keyword";
var ts_NO_RESULTS = "Tidak ada judul yang cocok";
var ts_SEE_SUMMARY = "Lihat Rangkuman";
var ts_HIDE_SUMMARY = "Simpan Rangkuman";
</script>
<script src="http://sites.google.com/site/kianbersama/javascript/search.js"/>
</script></div>
Selanjutnya simpan dan lihat hasilnya..
mas kok susah sih nulis komen disini..!!!! ...Replay
suka sih..tp ribet juga mau dipasang...!!! ...Replay
Mkasih Inponya sob, sangat bermanfaat sekali bwat newbie seperti saya :) ...Replay
gak bisa combine dg search google custome yak sob?
deuh sayang euy :D ...Replay
@Beben : Sebenarnya sih bisa, cuma buat artikel selanjutnya aja deh..!!! TQ ya Kang Beben da comment..!!! ...Replay
@Kian Coi Kalo udah bikin postingannya, lapor yak...xixixi ;)) ...Replay
@Beben : Oke...!!! ...Replay