Smart CCS search box - Αναζήτηση στο Blog σας

• Σύνδεση στο λογαριασμό σας Blogger
• Σχεδίαση / Επεξεργασία HTML
• Ctrl + F για να βρείτε την </head>
• Πριν από αυτήν επικολλήστε τον παρακάτω κώδικα:

<style type='text/css'>
#search {
height:34px;
width:auto;
margin-top:10px;
padding:17px 5px 10px 15px;
width:311px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zsFXn5jFXW_BR41f0hWq0yIZzDnvt4FuIOMTSPksBV9Lp3rFVpOq5ddqZOegBJxEbUe8F7YlFEoTqJetwSIBCARyMfNTdkd69QwEV_MoOrcOKL76GJG5DaaSnw5GowQeLjRkdWHIOqba/);
}
#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
margin-left:0px;
float: left;
width:231px;
padding: 6px 2px 6px 5px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eW5ZSXcJMEaFBayF0TGuS9r5_jDgxfDlizgvMhmhpvrx9-gz5tU_4DAb7qo81-ggzuYT0SYi7uH_RgEp0mDYGCzCMYJzNRTVSiBUav9XNZ3vGo-cU9D-NLjui1GGAvlI1q-C9VRMhMvQ/s1600/sform.png) no-repeat;
border:none;
font: normal 100% &quot;Tahoma&quot;, Arial, Helvetica, sans-serif;
color:#C6C6C6;
}

#searchsubmit {
width:57px;
float: left;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezKhDDHaRIzmjEEOpF92YIveBqe2rEvRqx_cwGIN5jcLNDakZsHjIhpYt7tVvDTLw0X7nFVegV9Mwl7WUCLuo9Ldrb0aXXbJCL44pyNqDjffr2AOwxe5F3H1v3UeiUlrQyJO98NzDCiwF/);
border:none;
font: bold 100% &quot;century gothic&quot;, Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:28px;
margin-left:5px;
}

</style>

Μπορείτε να αλλάξετε τις εικόνες με δικές σας.

• Αποθηκεύστε το πρότυπό σας
• Πηγαίνετε στα Στοιχεία Σελίδας / "Προσθήκη Gadget"
• Επιλέξτε "html/java script" και προσθέστε τον παρακάτω κώδικα:

<div id='search'>
<form id="searchform" action="http://ΤΟ ΟΝΟΜΑ ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ.blogspot.com/search" style="display:inline;" method="get">
<input id="s" name="q" type="text" value=""/>
<input id="searchsubmit" value="" type="submit"/>
</form>
</div>

• Αντικαταστήστε ΤΟ ΟΝΟΜΑ ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ με το δικό σας και είστε έτοιμοι να δείτε στη Σελίδα σας αυτό: