Membuat Search Onblur Onfocus

0 komentar Minggu, 15 Januari 2012
Tutorial Trik Bloger kali ini akan membahas tentang bagai mana cara membuat onblur onfocus. Sebelumnya kita harus tahu dulu tentang "Onblur Onfocus" pengertianya adalah sebuah teks atau kalimat yang berada didalam kotak search atau sejenisnya yang akan menghilang jika kita hendak mengisi kotak tersebut.

 
Contoh Onfocus Onblur pada kotak search
Gambar diatas adalah contoh cara kerja onblur onfocus tentunya versi Trik Bloger. Teks atau kalimat didalamnya dapat kamu ganti dengan kata - kata sesukamu.
Apakah sampai disini kamu sudah mengetahui apakah onblur onfocus dan cara kerjanya.? Jika sudah, mari kita lanjutkan kembali, bagaimana cara membuat onblur onfocus di kotak search atau sejenisnya.
Langkahnya yaitu sangat mudah, kita hanya menyisipkan script onblur onfocus di dalam scrip kolom search tadi.

Contoh Menyisipkan kode :
 <form action="http://maniaktrik.blogspot.com/search" id="searchform" method="get" name="searchform"><div class="search"><input onfocus="if(this.value =='cari artikel..'){this.value ='';}" value="cari artikel.." name="q" onblur="if(this.value ==''){this.value ='cari artikel..';}" type="text"/&gt;<br/><input type="submit" name="submit" value="search..."></div></form>
kode diatas hasilnya adalah seperti berikut :




Keterangan Warna :
Untuk template anda yang sudah memiliki kotak search bawaan, anda tinggal menyisipkan kode berwarna biru dan hijau letak menyisipkannya anda cari sendiri di template blog anda. Jika bingung silahkan tanyakan pada kolom komentar dibawah postingan. Warna hijau bisa anda rubah sesuai keinginan anda, yang penting ketiganya haruslah sama.
Dan untuk template yang belum mempunyai kotak search, silahkan copy semua kode script diatas, dan letakkan dimana anda ingin meletakannya. warna merah ganti saja dengan url blog kamu.
Sekali lagi, jika ada masalah atau pertanyaan tentang posting diatas, silahkan hubungi admin lewat kolom komentar di bawah postingan ini.
Read On

Cara Memasang Related Post di Blogger

0 komentar Jumat, 13 Januari 2012
Related post yang terdapat di bawah posting pada blog Trik Bloger ini cuma sebuah tulisan yang saling berkaitan dan berhubungan terhadap sebuah posting. Fitur ini tentu sangat penting untuk SEO 'katanya'. Dengan adanya “Related Post” ala Trik Bloger ini tentu akan memudahkan para pengunjung untuk mendapatkan sebuah posting yang berkaitan. Misalkan ada sebuah posting tentang "Edit Template Blogger Agar Lebih SEO" maka related post yang muncul adalah :
(jika yang ditampilkan cuma 5 post) Baik kita memulai cara memasangnya
1. Pastikan anda sudah Login di Blogger.com jika sudah, langsung saja Pilih Template
Klik Gambar Untuk Memperjelas


2. Pilih »» edit HTML
Klik Gambar Untuk Memperjelas

3. Beri tanda centang pada tulisan Expand Template Widget

4. Cari kode <data:post.body/> caranya tekan Ctrl+F, jika sudah ketemu copy kode
    dibawah ini lalu paste di bawah <data:post.body/>


5. Dari Kode diatas cari kode var numofpost=5  gantilah angka untuk mengatur jumlah 
   postingan yang akan ditampilkan secara acak ,bisa diganti sesuai dengan kebutuhan anda.
6. Langka selanjunya adalah menyimpan template, klik Simpan Template. selesai. lihat hasilnya
   pada blog anda.
 Hasilnya bisa anda lihat sendiri di bagian bawah halaman posting Trik Bloger.
Read On
Langganan: Postingan (Atom)