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;
}
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.
nah, semoga berhasil :D
Sekian dan Terima Kasih.
WOWOWOWO
BalasHapusTerima kasih kakak sudah mau mampir :)
HapusTerima kasih kakak sudah mau datang :D
BalasHapusbro, 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.
BalasHapusIya mas... lupa :D udah diedit kok...
Hapus