1. Login ke dalam Blogger, klik menu Design ---> Edit HTML
2. Scroll kebawah sampai anda menemukan kode <head>.
3. Copy kode dibawah ini dan paste sebelum kode <head>
<style type='text/css'>
div#search { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh02tLwO3rM-Q8h-f8eGadkxWuyfvemalk4L9WokbQowIMfDOu33tv-5kx_QN6l5kGxjoxE5T9RSDyfld4DXTbintlfVd6UutM06B-eYepingVW40YCudeakb4q7RXyQe8VwYBlDsc7q33N/') no-repeat scroll left top;margin: 0; float: right; width: 320px; height: 44px; }
div#search form { height: 44px; }
div#search form p { display: block; margin: 0; padding: 14px 0 0 30px; }
div#search form p input { width: 285px; border: 0; background: transparent none; color: #ffffff; }
</style>4. Simpan template anda
5. Klik menu Design ---> Page Element ---> klik "Add a gadget".
6. Pilih "HTML/Java Script" dan paste kode dibawah ini kedalamnya.
<div id='search'> <form action="http://ayza2004.blogspot.com/search" id='search form' method='get'> <p><input id='searchform' name='q' onblur='if (this.value == "") {this.value = "Type your search here...";}' onfocus='if (this.value == "Type your search here...") {this.value = ""}' type='text' value='Type your search here...'/></p> </form> </div>
Note : Ubah "ayza2004.blogspot.com" dengan blog anda.
Selesai.
Tampilannya adalah seperti terlihat dibawah ini.
No comments:
Post a Comment