Τρίτη 22 Οκτωβρίου 2013
Search Boxes
Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μερικές πολύ απλές
και ωραίες φόρμες αναζήτησης(Search boxes)!
Mπαίνουν πολύ εύκολα στο blog
μας και όπως θα δείτε έχουν βγει σε διάφορα χρώματα και
διαφέρουν κάτα πολύ από τα κοινά search box.Yπάρχουν πολλά
scripts με search boxs και θα παρουσιάσουμε και άλλα στο
μέλλον!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to way2blogging.org/
Edit by
και ωραίες φόρμες αναζήτησης(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
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου