Selasa, 01 Oktober 2013

Tips mudah menempatkan Search Box sejajar dengan Laman

Sering kita mencari-cari hal yang menarik untuk blog kita,Bukan hanya widget ataupun artikel,namun juga penampilan dari blog itu sendiri teramat penting. Karena ketika pengunjung mendatangi blog kita,pasti mereka melihat dari tampilan blog. Layaknya orang, seandainya orang itu terlihat berwibawa, gagah, karismatik,pasti kita akan senang untuk berbincang dengannya.tapi jika orang yang kita ajak bicara sangat tidak menarik,apa jadinya?

Sebagai seorang blogger yang awam, walau kita tidak begitu hafal css, javascript dan sebagainya,tapi kita pengen dong punya tampilan blog yang keren, beken and..and...and...., Sekarang saya akan berbagi bagaimana caranya menyejajarkan/menempatkan secara sejajar Search box kita agar sejajar laman. Biasanya kalau kita browsing di mbah google, yang kita temui pasti Cara menambahkan searchbox sejajar dengan Navbar dll. yang mana caranya harus ngotak-atik template kita,edit HTML segala.

Mau tahu caranya supaya Search Box sejajar dengan Laman? seperti gambar berikut???


caranya begini ,
1. Masuk ke Blog kamu
2. Check kode searchbox kamu dengan cara :

Masuk ke bagian Tata Letak >>> lalu klik edit pada widget searchbox anda. Kemudian akan muncul pop up jendela baru seperti ini :

 
Setelah itu klik bagian alamat browse-rnya, dan geser ke kanan hingga ujung alamatnya. Ilustrasinya seperti ini :



Maka kamu akan menemukan kode searchbox kamu :


Jika sudah ketemu, kamu ingat kode tersebut.

3. Klik bagian  template >>> Edit HTML 
4. Cari kode paling terkenal diseluruh dunia blogger, yaitu </b:skin>
5. Setelah itu, copy dan paste kode di bawah ini tepat di atas </b:skin>

#HTMLX
margin: -69px 0 43px;
}

Keterangan : Ganti huruf X Hijau dengan kode searchbox kamu. Kode yang berwarna Merah adalah posisi searchbox kamu, Jika kurang pas, tinggal dirubah saja ukuran kode merah tersebut, Tapi ingat ! Harus tetap negatif (-69x) 

5. Simpan dan lihat hasilnya.

PENTING !!! Tempatkan Widget Search Box di Urutan Paling ATAS !!! Seperti :




nah, semoga berhasil :D

Sekian dan Terima Kasih.

5 komentar:

  1. Balasan
    1. Terima kasih kakak sudah mau mampir :)

      Hapus
  2. Terima kasih kakak sudah mau datang :D

    BalasHapus
  3. bro, itu HTML6 gak selamanya adalah searchbox.. bisa jadi HTML1, HTML2, HTML3, dan seterusnya. tergantung dari berapa widget yg sudah ada. kalo pertama kali bikin widget(keadaan widget belum ada di template) maka itu akan jadi HTML1 ketika dijadikan. contoh, kalo saja widgetnya dihapus lalu dibuat lagi yang baru maka jadi HTML2, tidak akan diulang jadi HTML1.

    BalasHapus