Search Widget (Google, Yahoo, Msn)

Sekarang kita akan membuat Twitter Widget

1. Login ke blogger lalu sign
2. Klik rancangan
3. Klik tambah gadget
4. Klik HTML/JavaScript
5. Copy Script dibawah ini lalu simpan

<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/AVvXsEhzlg11BVYSOcJwmAs8l5RK9YztKlZoEfa0weptJ4pfu2JV3EHSoyvQ4jRHYWOZ4DaGcK1Fdl4P4T_MbQ5btnjYa6sM6XOvgin1kuP9TbwlnMxCOX0CETwiKmdKm5RYjN4YNVTyNc7FkMQ/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFbgOQd-yOT6ibD1cuSfqnZKt1xTXPT42g_o10nfj8TGhsElnJ6wZHWPGJVL_Q_zYeshT1jRPEm0O5POKztXADwh2XX7WN2wPMOJcwkYQCuZD8NEmzmJIGsHL35SywtPa_J5l1rlCfCc/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" /> Msn
</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="http://candblogger.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>

Ganti Tulisa yang berwarna merah dengan Link anda

Contoh Demo :

Google
Yahoo
Msn

»»  READMORE...

Sign-up for an API Key

The Google Search APIs let you put Google Search in your web pages with JavaScript. While you can use these APIs without a key, it is very useful to have one. If you have a key, we can contact you if we detect problems with your application/site.

APIs that use the Google API loader allow you to use an API key. This key allows us to contact you in the event of issues with your application. A single API key is valid within a single directory on your web server, including any subdirectories. Signing up the URL http://www.mygooglesearchssite.com/mysite, for example, will create a key usable within all URLs in the http://www.mygooglesearchssite.com/mysite/ directory.

You must have a Google Account to obtain a Google API key, and your API key is tied directly to your Google Account. You can generate multiple API keys for your account if you have multiple web sites.

You are subject to the terms of any API you load using the loader.

Please click this page: Sign-up for an API Key

»»  READMORE...

Twitter Widget (Live Updates)

Sekarang kita akan membuat Twitter Widget

1. Login ke blogger lalu sign
2. Klik rancangan
3. Klik tambah gadget
4. Klik HTML/JavaScript
5. Copy Script dibawah ini lalu simpan

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC3P2FLkYMSFFah73cg7un4_0J7bYALt6KTIQiBxDV68bZBFdQQOAdvQzAQ0f25HDC7sZviNbKrY-XW6toyXyZrU4YHqsHXFhNCobXfzxKuVV73e5BupQF2ap4pgAG6pjd5k2DCbEph9A/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 118,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#B45F04'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('files999').start();
</script>
</div>

Ganti Tulisan yang berwarna merah dengan Username Anda sendiri
Ini model contohnya

»»  READMORE...