Cara membuat Search Box pada Blog

Pada kesempatan yang lalu kita telah bicara mengenai cara memasang search engine ke blog,jika belum sempat baca,baca dulu deh disini,namun pada kota search tersebut mengarah pada search engine,lalu bagaimana dengan blog kita,apa akan ditinggalinya. Untuk itulah saya membahas masalah ini.

Pada search box ini berbeda dengan search box yang dulu,kalau kita mengetikan kata kunci pada kotak tersebut,hasilnya kita akan menemukan data yang ada hanya pada blog kita saja,jadi pengunjung semakin lama berada diblog kita.

Jika ingin membuatnya ikuti trik berikut ini..

1.Login ke Blogger dengan ID anda

2.Klik Menu Layout

3.Klik Tab Page Element

4.Klik Pada Add a Gadget

5.Klik tulisan HTML/Javascript

6.Pastekan Kode berikut kedalam kotak yang disediakan

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

 

Keterangan:
Ganti nama-blogmu dengan nama blog kamu.angka 40 menunjukkan panjang kotak (search box) semakin banyak angkanya maka semakin panjang textbox-nya

7.Save,Lalu Lihat blog Anda

Jika sudah selesai coba uji kotak Search Box anda dengan mengetikan kata kunci jika mengarah pada blog anda berarti tugas kita sudah berhasil.

Cara Membuat Postingan Justify

Justify atau rata kiri-kanan lazim digunakan dalam pembuatan laporan. Tapi Masih jarang orang yang mengaplikasikannya di dalam postingan blog. Pada artikel saya sebelumnya yang berjudul "Multi-colum layout Menggunakan CSS3" saya mencoba membagi postingan menjadi beberapa kolom dengan mengunakan css3. setelah saya lihat, kok rada aneh jika kolom-kolom yang ada tidak menganut justify alignment. Kita bisa saja membuat postingan bergaya justify dengan meng-klik tombol alignment yang ada di atas. Tapi bayangkan jika blog ini sudah memiliki sekitar 80 posting dan saya harus menggantinya satu-satu.

Maka solusinya adalah dengan menambahkan beberapa code css.

Caranya :
Masuk ke Elemen halaman template blogger anda kemudian pilih Edit HTML, tekan control F kemudian cari kode yang mirip seperti dibawah ini:

/* Posts
-----------------------------------------------

. post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
}

Tulisan yang saya tebalkan diatas adalah kode yang harus anda cari. CSS diatas adalah kode untuk mengatur postingan anda. Kalau sudah mendapatkan kode diatas tambahkan kode berikut kedalamnya.

text-align: justify;

Sehingga menjadi :

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
text-align: justify;
}

Kemudian simpan template dan lihat hasilnya. Selamat Mencoba