Adauga o caseta search proaspătă şi frumoasă la blogurile dvs Blogger. Aici sunt şase căsuţe de căutare frumose şi noi pentru tine. De fapt, acestea sunt sursa dePSD, proiectat de Design3edge . Le-am convertit la Blogger pentru tine. Sper sa bucurati de asta !
- Intra in Blogger Dashboard -> Design tab -> Page Elements .
- Apasa pe Add a Gadget unde doresti sa adaugi casuta de cautare
- Alege HTML/JavaScript din lista
- Adauga codul casutei care o doresti si salveaza Gadgetul
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLPeCJZHhaWeJMyr5-KfJG2lu5C2dZh9Ze3aQH03wv8CHogO6uEf0cYu4Pq54odVsFOuP_aFKT0vQvpS-R3TrpLiNIc5oJFCU8IJOO1lYS3gthBMY5TG4vkIke0mHSKi8PgfUnRBtQwh1/) 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>
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjudjRsNzeVvIOK3e2bNKw1jDjGbTQwOD9cejusQMbn8F0Jd8uK60xZSE_pFfWQKWoWA5KhLpdWFwx4xrDnp_Qks19L9Wn2MySzqNHmz8vWJ07_v72JZbiGkCHczQMp55W6xiwJ8HUzfSm_/) 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>
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1cHQR-f8Lc0KMwBCgEdFCW9lX1wJSbyjLfsMhl9AAYPR7wPFVeB4GJzg36sYXxd1z1iWuPPx4bLpeyf1rV_uhBR2Uj-Xcs30N1zPBDi2amsYSMVQ04LauoGP2RUnTeSgoQRc35ggM8P87/) 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>
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpf42vyu-P98Mdi_MPcIS8SaVSASS-0Zl9EkRFw6c8s68v7PGE1N8X4jRDwYVTxyPKQqSrQ13qCeeHm88NsPH2nwUZyfrg3wnxWdB3CvV72VrZp9LxXEibbo_0GltbDEIMKxCH_57m2YXj/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBsBrKO73k_Eyc63gQqQGcuHAIiVxfKKhpY2foB2OzDW-Z2AM4XbTtzpkXwJ49cZIS_Uw475hpajUtSbPEY9NeQg3I5NMxd_q4oH7vkC8wXqf6IXARuGYMYVTbWkiOoIUZpCOt2dtZmZP/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2yO38zV8eOjyabnGnWGAX8Sde8ZKSzAksYvlKUFR1G0sgwEQh-f-vQi2nWJT0l5mFxbFuLUCVUQdLOPHyU4ppnwXSy723pq8q9RTxpJNZTzqKi8P_jB6uOpxFtu-IODOwGHmDLaRudkYl/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
Alegeti-o pe care doriti si de va place puteti da un like :)
8 comentarii:
Actualmente publicitatea de exterior prezinta in sine un instrument ideal de marketing si este utilizata in scopul promovarii produselor sau serviciilor pe piata.
Multitudinea de modalitati moderne de prezentare a publicitatii transforma procesul de elaborare si creare a publicitatii intr-un proces de creatie.
Nu mai este un secret faptul ca cu cit publicitatea facuta de noi este mai interesanta, mai creativa si mai amuzanta, cu atit mai multa atentie i se va acorda.
Productia poligrafica (imprimata) reprezinta una din cele mai rezultative si accesibile forme de publicitate si se caracterizeaza printr-un pret destul de mic.
Clientii dumneavoastra doresc sa aiba in posesia lor foi volante, buclete, cataloage cu descrierea serviciilor prestate sau a productiei Dumneavoastra.
Mersi de caseta man,cautam de mult.functioneaza perfect.
In sfarsit !!! Gadget-ul de pe blogger nu functioneaza, dar casuta ta de cautare merge perfect. Nu vroiam sa folosesc navbar, ca are multe lucruri pe ea care nu dau bine.
As putea spune ca sunt aproape fericit...
Este o problema: caseta este prea mare si iese din peisaj... Am incercat apoi sa o pun sub header, dar o afiseaza in partea stanga. Ma ajuti, te rog !!! Ideal ar fi sa o pun pe aceeasi linie cu meniul paginilor statice, daca se poate. Daca nu atunci macar sa o fac mai mica.
Producţia poligrafică (imprimată) reprezintă una din cele mai rezultative şi accesibile forme de publicitate şi se caracterizează printr-un preţ destul de mic. Clienţii dumneavoastră doresc să aibă în posesia lor foi volante, buclete, cataloage cu descrierea serviciilor prestate sau a producţiei Dumneavoastră.
Publicitatea este informaţia propagată în orice formă, în orice mod şi cu ajutorul oricăror tipuri de mijloace, adresată unui cerc larg de persoane şi orientată spre atragerea atenţiei asupra obiectului căruia i se face publicitate, formarea şi menţinerea atenţiei asupra acestui obiect şi promovarea lui pe piaţă.
Multumesc, merge corect caseta de cautare !
Multumesc pentru tutorial. Caseta merge chiar mai bine decat cea din lista blogger. Succes!
Bravo man ceva frumos merge brici
Dar pot cumva sa o micsorez???Ca este prea mare