Senin, 06 Mei 2013

Cara Memasang Kotak Pencarian Google,Yahoo dan Bing di Blog

Cara Memasang Kotak Pencarian Google,Yahoo dan Bing di Blog. 

Sekarang Cahyo akan memberikan artikel totorial mengenai widget pada blog yang satu ini. Trik ini akan membuat blogspot semakin keren dengan widget Cara Membuat Tombol Like, Tweet dan G+ Melayang di Blog. Penasaran?. . . .



Pada dasarnya Cara Memasang Kotak Pencarian Google,Yahoo dan Bing di Blog Ini supaya pengunjung blogspot bisa mencari link diblog Anda. Dan pembaca pun bisa mendapat apa yang ingin mereka cari dan baca di blog Anda.



 Untuk Memasangnya ikuti langkah - langkah dibawah ini :

1. login ke blogger
2. Langsung ke tata letak > Tambah gadget > Pilih HTML/JavaScript
3. Copy code HTML dibawah ini:

<!--Widget Search Start-->
<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">

<input id="hiddenquery" type="hidden" name="q" />
<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Search on this site..." type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTvHnrtFGc9ARxlIYbFu5dKeI4Ov-egR51a_IW7OIuAZR83fimE1O2L9n3okqOAYDGUf9BOzMl1Tp9bKl_ne3uTvGV6ot1gZNmx3gR_prn_og3BPSwlZBKvSGW0UBemsj7MSy0ojVCV4/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh65wxjLtOHbLARxhvS_JJpQDHxpsMvhc9BxYg9EyHtRuwRMXWQ2vyJTf1Fl-Gm2M2KIWk2ghCyQyPJBirA8X2fxQUvwDXc655Wno3T0s18tI77_3CXHZ1_asyXa5CODurGQVOdjDjqoE/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;">
<input name="se" type="radio" checked /> Google
<input name="se" type="radio" /> Yahoo
<input name="se" type="radio" /> Bing
</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By http://sifadly.blogspot.com/
// For this and over 400+ free scripts, http://sifadly.blogspot.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="http://sifadly.blogspot.com/"

var searchaction=[//form action for the 3 search engines
"http://www.google.com/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}
function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value
}
</script>
</form>
 <!--Widget Search End-->

4. Pastekan code HTML yang tadi kamu copy di kolom HTML/JavaScript.

5. Klik Simpan. Dan liat hasilnya

NB: Ganti kode yang berwarna merah dengan domain blog Anda.

Inilah tips blog dari Cahyo Cara Memasang Kotak Pencarian Google,Yahoo dan Bing di Blog . Mudah-mudahan bisa membantu teman-teman blogger lain.
Tunggu tips blog dari Cahyo selanjutnya untuk mempercantik blog Anda. Terima kasih. :)

Salam C_Best Friends :)

0 komentar: