Home » » Membuat Google Search JQuery

Membuat Google Search JQuery

* Di tutorial kali ini saya akan membuat sebuah google search dengan efek jQuery contohnya bisa kalian lihat disini Fungsinya sama seperti google tapi bedanya ada efek jQuery dan Fitur lebih lainnya

* Bagaimana sudah melihat, kalau sudah langsung saja ikuti bagaimana cara membuatnya

* Pertama buat blog baru diblog anda setelah selesai membuat blog masuk ke rancangan dan pilih edit HTML dan pilih kembali ke template klasik

* Download dulu contoh file html nya disini

* Sekarang kita edit file java scriptnya (.js) download dulu file java scripnya disini

* Kalau sudah selesai didownload buka file java script nya dengan cara klik kanan pada file, lalu ada pilihan open with dan klik open with lalu pilih choose progam dan terakhir pilih Notepad

* Setelah file terbuka cari kode seperti dibawah ini

$(document).ready(function(){
   
    var config = {
        siteURL        : 'wedung.com',    // Change this to your site
        searchSite    : true,
        type        : 'web',
        append        : false,
        perPage        : 8,            // A maximum of 8 is allowed by Google
        page        : 0                // The start page
    }

* Ganti siteURL dengan URL kalian masing masing contoh namablogku.blogspot.com

* Lalu save/simpan file tersebut

* Sekarang Anda buka file html yang didownload tadi cara nya sama seperti membuka file java script klik kanan pada file html, lalu ada pilihan open with dan klik open with lalu pilih choose progam dan terakhir pilih Notepad

* Setelah file terbuka prtama cari kode berikut

<title>Judul blog kalian</title> ganti Judul blog kalian dengan Judul blog kalian masing masing

* Langkah kedua cari kode berikut

<p class="credit"><a href="http://url-anda/">Powered by namaanda &amp; Google</a></p>

* Ganti url-anda dan namaanda dengan url dan namaanda kalian masing masing

* Langkah terakhir cari kode berikut

<script src="https://sites.google.com/site/shofisanjaya/shofisanjaya-sear/script.js"></script>

* Kode script.js  yaitu kode file java script, upload file java script yang kalian Edit tadi masing masing ke Google sites klik disini untuk mendaftar ke Google sites dan buatlah laman baru disana dengan memilih Create Page

* Kalau sudah diupload klik download dan klik kanan pada mouse dan buka new tab ambil url file java script dan ganti https://sites.google.com/site/shofisanjaya/shofisanjaya-sear/script.js dengan url kalian misalnya https://sites.google.com/site/namaanda/namapageanda/script.js

* Terakhir hapus semua kode Html template klasik Anda dan copy semua kode Html yang Anda Edit tadi dan paste ke kolom template klasik Anda dan simpan Template lalu lihat hasilnya

* Kalau ada yang kurang jelas bisa comment dibawah ini maaf agak rumit membuat dan menyusun kodenya
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Oke Google - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger