Ads 468x60px

Τρίτη, 22 Οκτωβρίου 2013

Search Boxes

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μερικές πολύ απλές
και ωραίες φόρμες αναζήτησης(Search boxes)!

Mπαίνουν πολύ εύκολα στο blog
μας και όπως θα δείτε έχουν βγει σε διάφορα χρώματα και
διαφέρουν κάτα πολύ από τα κοινά search box.Yπάρχουν πολλά
scripts με search boxs και θα παρουσιάσουμε και άλλα στο
μέλλον! 




Δείτε εδώ:






http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/
jJkMnJEN60s/way2blogging_searchbox1.png
 
2.
 

 


 


http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/
J2_zg9Fn8PI/way2blogging_searchbox3.png
 
3.

 


http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/
p-Iz_WGMQ3M/way2blogging_searchbox4.png 

4.



http://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/
taoILP-y0vE/way2blogging_searchbox5.png
 
5.
 
 
http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/
gYrDmDItWJQ/way2blogging_searchbox6.png 


Κάτω από την κάθε φόρμα είναι και το url της!Διαλέξτε όποιο σας
κάνει και για να κάνετε εγκατάσταση στο blog σας..
 
 
Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
................................................................................................................................................
<style type="text/css">
#w2b-searchbox{background:url(ΕΔΩ ΒΑΖΕΤΕ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ) no-repeat
 scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px; 
vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;
 vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if 
(this.value == "Search...") {this.value = ""}' onblur='if (this.value 
== "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" 
id="sbutton" />
</form>
</div> 
..................................................................................................................................................
ΑΛΛΑΓΕΣ 
 
 
ΕΔΩ ΒΑΖΕΤΕ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ-->Εδώ θα βάλετε το link της φόρμας
που διαλέξατε, η κάποιο δικό σας και πατάτε Αποθήκευση!Αυτό ήταν!
 
 

 Καλή επιτυχία!!!


 Πηγή κώδικα
 thanks to way2blogging.org/



 Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog