Sunday, July 8, 2012

Cara Membuat Box Search Engine Yahoo! di Blog

Posted By: Randy Ikas - Sunday, July 08, 2012

Share

& Comment

m-hackerslike Untuk tampilan template ini lebih keren saya punya tips dan trick Cara Membuat Box Search Engine Yahoo! di Blog... 


berikut caranya:
1. Login ke akun blog sobat
2. klik Template > Edit HTML
3. jangan lupa centang Expand Widget templates
4. Cari Kode Berikut:]]></b:skin>
5. copy script dibawah tepat di atas ]]></b:skin>

.searchform {background: url(http://2.bp.blogspot.com/_tUdwiyEcqV4/TT9s4Ff9H3I/AAAAAAAAAgo/VGLnDHbJJ-c/s1600/bg_search3.png) no-repeat; width:550px;height:47px;
display: inline-block;zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;border: solid 0px #ccc;padding: 0px;}
.searchform input {font: normal 12px Arial, Helvetica, sans-serif;padding:6px;}
.searchform .searchfield {background: #fff;width: 416px;outline: none;margin:5px 2px 0px 5px;;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.searchform .searchbutton {background: url(http://2.bp.blogspot.com/_tUdwiyEcqV4/TUX4Fc1hfDI/AAAAAAAAAkU/d82k76ghbjQ/s1600/bg_search.png) no-repeat;height: 28px; width: 104px;border:none;}


6. Setelah itu silahkan tambahkan script berikut. mungkin sudah banyak yang tahu cara tambah script   ini buat yang belum tau klik Rancangan > Tambah Gadget > HTML/JavaScript


Copypaste script dibawah ini:



<div style='font:normal 12px arial;padding-left:5px;height:23px;'> <strong><i>Hi, guest<strong></strong></i> ! </strong> welcome to <strong> http://randyikas.blogspot.com/ </strong>. | <a href='#'>About Us</a> | <a href='#'>Contact</a> | <a href='http://www.blogger.com' title='registered now for free account'>Register</a> | <a href='http://www.blogger.com' title='sign in to blogger to share'>Sign In</a></div> <form action=' /search' class='searchform' method='get'> <input class='searchfield' id='q' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' type='text' value=''/> <input class='searchbutton' type='submit' value=''/> </form>
7. Selesai
    Semoga Berhasil!

About IKASMEDIA.COM

IKASMEDIA adalah blog yang didedikasikan untuk membangun pendidikan melalui khususnya pendidikan di daerah 3T Mari bersama membangun indonesia menuju generasi emas dan indonesia sejahterah. Kupang 2015

0 komentar:

Post a Comment

Copyright © 2015 IKASMEDIA™ is a registered trademark.

Designed by Templateism. Hosted on Blogger Platform.