Langsung ke konten utama

Widget Form Search Engine for Blogger

Dalam sebuah blog/web tentunya hampir 99% pasti akan menyertakan sebuah kotak pencarian untuk memudahkan pengunjung dalam mencari sesuatu, namun tidak sedikti juga yang tidak menyertakan kotak pencarian karena beberapa alasan, mungkin alasannya adalah sebagai berikut :

  1. Sudah menyediak halaman sitemap jadi tidak memerlukan search form.
  2. Loading blog berat.
  3. Berpikir bahwa pengunjung tidak akan menggunakan search form pada blognya.
Namun bagi anda yang ingin menyediakan kotak pencarian pada blog anda sebagai fitur tambahan bagi para pengunjung blog anda, anda dapat dengan mudah menambahkannya dengan menuju Tata Letak > Add New Gadget > Search Form, atau dengan membuat sebuah widget pencarian sendiri.


Dibawah ini ada satu kotak pencarian yang mungkin bisa anda gunakan pada blog anda.
Pertama silahkan login akun blogger anda, dan silahkan menuju template kemudian silahkan cari kode ]]></b:skin> kemudian letakkan kode dibawah ini sebelum (di atas) kode ]]></b:skin>
.searchform {background: url(https://lh5.googleusercontent.com/-tihBRy5ftiI/UmLOuzEDBxI/AAAAAAAAAJA/pIheWO76kXw/s550/jurucoding-search.png) no-repeat; width:550px;height:47px; display: inline-block;zoom: 1; /* ie7 hack for display:inline-block */ *display: inline;border: solid 0px #ccc;padding: 0px;} .searchform input {font: normal 12px Arial, Helvetica, sans-serif;padding:6px;} .searchform .searchfield {background: #e5e5e5;width: 416px;outline: none;margin:5px 2px 0px 5px;;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .searchform .searchbutton {background: url(https://lh5.googleusercontent.com/-xqhs_7_uXsk/UmLPC693lmI/AAAAAAAAAJI/8HCsux2HrXc/h96/jurucoding-button-search.jpg) no-repeat;height: 28px; width: 104px;border:none;}
Kemudian simpan Template anda.
Selanjutnya silahkan menuju Tata Letak,  dan tambahkan gadget baru, pilih HTML/JavaScript, kemudian letakkan kode berikut :
<form action=' /search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' type='text' value=''/>
<input class='searchbutton' type='submit' value=''/>
</form>
Selanjutnya simpan dan lihat hasilnya.
Bagaimana? Mudah bukan?
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Game Suit Dengan Java

Anda tentu sudah tidak asing lagi dengan permainan batu gunting kertas, permainan yang tentu sudah dikenal sejak masih kecil (katakanlah saat masih di bangku SD). Begitu juga game Suit ini yang mengadopsi dari permainan batu gunting kertas, sehingga tidak perlu dijelaskan lagi cara mainnya. Game ini hanya sebagai contoh game sederhana yang dapat anda kembangkan sendiri sesuai dengan imajinasi dan kemampuan anda. Atau, paling tidak game ini dapat anda gunakan untuk mempercepat kebosanan. Untuk memainkannya, anda membutuhkan Netbeans. Silahkan download dari situs resminya, untuk pengguna linux download netbeans.sh agar mudah instalasinya. Untuk menjalankannya, silahkan unrar suit.rar kemudian buka Netbeans, pilih file, open project, (cari dimana anda menyimpan file suit yang sudah di unrar kemudian klik pada file suit. Selanjutnya silahkan lihar pada bar kiri Netbeans, klik kanan pada suit kemudian pilih run dan Game siap dimainkan. Tampilan game ini sangat seder
Posting Komentar
Baca selengkapnya

Membuat Jam Digital Dengan Java

Setiap hari, setiap saat tentu selalu berhubungan dengan waktu, jika berbicara waktu tentu tidak lupa dengan JAM . Pada kesempatan kali ini, Juru Coding akan belajar membuat sebuah JAM Digital  dengan pemrograman JAVA , namun sebelumnya Juru Coding mohon maaf terlebih dulu karena hasilnya sangat sederhana, atau dengan kata lain hanya menggunakan fungsi untuk memanggil time date yang ada pada komputer, jadi sudah pasti Jam Digital-nya akan sama dengan jam yang ada pada komputer. Gambar di atas itu adalah screenshot dari Jam Digital-nya. Dan berikut adalah Source Code-nya : /**  *  * @author Juru Coding  */ import javax.swing.*; import java.awt.event.*; import java.util.Date; import java.awt.*; class JCjam extends JFrame {     // Deklarasi komponen Label     JLabel tampil_jam = new JLabel();     // Konstruktor     public JCjam() {         tampil_jam.setFont(new Font("JuruCoding", 1, 30));         this.getContentPane().setLayout(new FlowLayout());         this.g
2 komentar
Baca selengkapnya

Kalkulator Sederhana Dengan Java

Setelah beberapa waktu coret-coret berbagai artikel yang dimaksudkan hanya sebagai artikel pembuka, mulai malam ini Juru Coding  sudah akan mulai berbagi tutorial dan contoh coding dalam berbagai bahasa pemrograman, namun untuk yang pertama ini Juru Coding  akan berbagi souce code untuk membuat sebuah kalkulator sederhana dengan basic Java. Software yang digunakan adalah Netbeans (kebetulan Netbeans yang digunakan Juru Coding adalah versi 7.4) Berikut adalah screenshot program untuk membuat kalkulator sederhana dengan basic Java. Gambar diatas adalah contoh program kalkulator sederhana dengan basic Java, namun tidak ada gunanya jika anda berniat untuk menulis cuplikan program diatas, karena program di atas tidak lengkap melainkan sengaja saya gunakan hanya sebagai gambar cuplikan sorce code saja. Untuk mencoba membuat program kalkulator sederhana ini anda tidak perlu susah-susah coding dari awal karena anda dapat mendownload source code program diatas secara
3 komentar
Baca selengkapnya