Rabu, 16 Januari 2013

The simplicity, speed, and power of Custom Search Engine Google Within your Site

Ada kabar singkat dari Custom Search Blog bahwasannya saat sekarang kita dapat membuat google custom search secara simpel, cepat dan memiliki power oke punya. Kesederhanaan dan kecepatan adalah dua prinsip yang di cintai saat ini di Google. Sangat gembira mengumumkan tata letak CSE baru yang menampilkan hasil pencarian dalam overlay mode, yakni di atas konten apapun pada halaman kita.
Custom Search Engine (CSE) yang sekarang sangat simple, cepat mempunyai power bukan dalam bentuk hasil akhir saja, namun membuatnya pun sangat mudah, cepat dan full-stylish b-)
DEMO new CSE layout

Silahkan kunjungi halaman berikut untuk membuatnya ya Create a Google Custom Search Dibawah ini contoh hasil customize dengan CSS sederhana
<div style="width:260px">
<gcse:search></gcse:search>
</div>

<script>
//<![CDATA[
(function() {
var cx = '010449103265333969281:0yytyxbtqgc';
var gcse = document.createElement('script'); gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
//]]>
</script>

<style>
div.cse .gsc-control-cse, div.gsc-control-cse {
background-color: transparent;
border: none;
}
.cse input.gsc-search-button, input.gsc-search-button {
border: 1px solid #666;
background-color: #555555;
background-image:none;
}
div.gsc-selected-option-container {
max-width: 50%;
padding: 0;
}
div.gsc-option-menu {
width: 200px;
}
div.gsc-option-menu-item {
width: 155px;
}
td.gsc-search-button input.gsc-search-button {
border-color: #333;
background-color: #21416b;
background-image: none;
}
</style>
Gantilah angka/huruf pada kode var cx
Dadah :-h
Resource by: googlecustomsearch.blogspot.com/2013/01/a-simple-yet-powerful-custom-search.html

Tidak ada komentar:

Posting Komentar