Situar el gadget buscador junto al título del blog (o en otro sitio cualquiera) – Virtual – cancer – Free

Parece que un buen lugar y que agrada a la mayoría para poner su buscador interno, es en la parte superior del blog, más o menos a la altura del título, dentro de la cabecera. Cómo se puede colocar ahí es lo que vamos a ver en esta entrada, aunque lo cierto es que con el mismo sistema podremos ponerlo dónde nos plazca.

Las modificaciones las he hecho desde el nuevo escritorio (nueva interfaz), así que las referencias van literales como aparecen en él. Para el clásico es más o menos lo mismo pero lo comento para evitar confusiones.


Lo primero que haremos será acceder aPlantilla ► Edición HTML para modificar la sección que corresponde a la cabecera de manera que nos admita varios widgets. Por defecto esta parte del blog viene con unos parámetros que limitan el número de artilugios que puede contener y que por otra parte, bloquea la posibilidad de añadir alguno. Respectivamente sonmaxwidgets yshowaddelement y así es como viene si no se han modificado:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Puede que en vuestra plantilla la parte superior no tenga la misma nomenclatura (header), pero si buscáis sinexpandir artilugios, lo normal es que sea la primera sección que aparezca.

Cabecera original

Los parámetros que antes hemos comentado se tienen que cambiar de la siguiente manera:

b:section class='header' id='header' maxwidgets='2' showaddelement='yes'

Con un 2 enmaxwidgets ya nos vale para este caso (cabecera+buscador), pero si necesitáis poner más cosas por ahí arriba, podéis aumentar ese número en cualquier momento. Con respecto ashowaddelement, el valor para poder añadir elementos es precisamenteyes.

Ahora si vamos aDiseño, podremos ver que en la parte de la cabecera aparece un nuevo recuadro encima del elemento cabecera que nos permitiráAñadir un gadget.

Nuevo bloque para añadir gadgets en la zona de la cabecera

Ahora llega el momento de añadir el buscador. Pinchamos enAñadir un gadget, seleccionamos el que se llama Cuadro de búsqueda, marcamos las opciones que nos interesen y guardamos. Ahora lo que veremos en nuestro blog será algo similar a esto:

Cabecera con buscador encima

Ya sólo nos resta dar las propiedades adecuadas para que la caja del buscador no ocupe todo el ancho y que además se ubique a la derecha del título. Eso lo hacemos accediendo aDiseño ► Diseñador de Plantillas ► Avanzado ► Añadir CSS. Allí tecleamos o copiamos esto:

#CustomSearch1 {
float:right;
position:relative;
top:16px;
right:0px;
width:200px;
height:33px;
padding-left:36px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNK0Nd4XR8zxN4hKIntZDub2r-kddHjy9gQ0Du3NsgSlVp0gs2HdUogVASMww-g0KA30aelHySScVFBBidygf2YBCi22rfS4n-MwCPpVcYaULtoMLIan3IVh2mwhdTd9bOY37efG2v88bK/s400/lupa.gif) no-repeat 0px 0px;
}

ConTOP yRIGHT podéis cambiar la ubicación exacta del buscador. El ancho (WIDTH) y el alto (HEIGHT) también los podéis modificar a vuestro gusto. Las dos últimas líneas (PADDING yBACKGROUND) son un plus que se me ha ocurrido haciendo estas pruebas y que sirven para ponerun icono a la izquierda de la caja del buscador. Podéis cambiar el dibujito o directamente anularlo del código borrando esas dos líneas.

Cabecera con buscador alineado

Actualización: Cuando la caja del buscador no permita escribir texto en ella, añadir una propiedad más a #CustomSearch1. En concreto, z-index:1000; o cualquier otro número grande. Eso hace que la caja quede por encima del resto de capas, ya que la causa de que esto ocurra es que se queda por debajo en algunas plantillas.

online criminal justice degree Learning adobe illustrator criminal defense federal lawyer Asbestos Lung Cancer mesothelioma lawyer chicago Online casino register free domains Donate Car to Charity California Register Free Domains Cheap Car Insurance for Ladies criminal defense attorneys florida semi truck accident lawyers webex costs NUNAVUT CULTURE Service business software Car Insurance Quotes PA california motorcycle accident lawyer Mobile casino AUTOMOBILE ACCIDENT ATTORNEY Hire php programmers PHD IN COUNSELING EDUCATION Attorney motorcycle accident lawyer california DONATE CAR FOR TAX CREDIT Casino Best Criminal Lawyers in Arizona mesothelioma law suits Donate Old Cars to Charity MESOTHELIOMA LAW FIRM student loan consolidation program Live casino Royalty Free Images Stock los angeles motorcycle accident lawyer Gas/Electricity Hire php developers all about mesothelioma Make money online Australia World Trade Center Footage tennessee mesothelioma lawyer Criminal defense lawyer dallas mesothelioma attorneys Donate car to charity California Email bulk service Donating Used Cars to Charity Massage School Dallas Texas domain name yahoo Mesothelioma Law Firm Casino reviews Asbestos Lawyers DUI lawyer Car Accident Lawyers How to Donate A Car in California baltimore mesothelioma attorneys LIFE INSURANCE CO LINCOLN structure settlements online motor insurance quotes florida car insurance company Best social media platforms for business donate car for tax credit Psd to WordPress cheaper insurance companies DONATE YOUR CAR FOR MONEY mesothelioma lawyer texas auto accident attorney mesothelioma trial attorney Dwi lawyer Criminal lawyer Virtual Data Rooms Personal Injury Lawyer domains yahoo mesothelioma lawsuits New social media platforms philadelphia mesothelioma lawyer asterisk call center software purchase structured settlements Low Credit Line Credit Cards workplace accident attorney Php programmers ONLINE MOTOR INSURANCE QUOTES CAR INSURANCE IN SOUTH DAKOTA Automobile Accident Attorney accident car florida lawyer Criminal lawyer Miami Php programmers for hire uk homeowner loans Seo company Hire php developer Social media platforms for business Bankruptcy lawyer business voice mail service Better Conference Calls mesotheliama selling a structured settlement Online Christmas cards DALLAS MESOTHELIOMA ATTORNEYS Car Insurance Companies world trade center footage Computer science classes online mesothelioma cases anti spam exchange server maritime lawyer houston domain yahoo Online Colleges dallas mesothelioma lawyer Seo companies Donate Cars in MA Met Auto Business finance group mesothelioma lawsuit REGISTER FREE DOMAINS Personal Injury Law Firm Donate cars in ma home phone internet bundle WordPress hosting Custom WordPress theme designer Seo services cash out annuity Best Seo company Donate cars Illinois Dallas Mesothelioma Attorneys Psd to html phd in counseling education mesothelioma settlement amounts Online colledges Business management software Best social media platforms accident lawyers in los angeles CAR DONATE offshore accident lawyer business voip solutions Custom Christmas cards best criminal lawyer in arizona Photo Christmas cards WordPress themes for designers buyer of structured settlement annuity miami personal injury attorney Online Motor Insurance Quotes Car Insurance Quotes Colorado Social media examiner Social media management Nunavut Culture Webex Costs structured settlements companies Donate a Car in Maryland Tech school Html email Social media platforms houston motorcycle accident lawyer Christmas cards Proud Italian cook tucson car accident attorney MORTGAGE ADVISER asbestos lung cancer CHEAP DOMAIN REGISTRATION HOSTING accident attorney san bernardino FUTURISTIC ARCHITECTURE DONATE A CAR IN MARYLAND Donate your Car for Money best consolidation loan student meso lawyer Business Voip Solutions Italian cooking school los angeles workers compensation lawyers WordPress theme designers Adobe illustrator classes Social media strategies Social media tools Car Insurance Quotes Utah Online Classes Met auto Social media campaigns Mortgage Adviser PhD in counseling education mesothelioma lawyer asbestos cancer lawsuit Donate Car for Tax Credit structured settlement company Donate Your Car Sacramento los angeles auto accident attorneys Sell Annuity Payment DONATE CARS IN MA PAPERPORT PROMOTIONAL CODE Donate Your Car for Kids Donating a car in Maryland Cheap car insurance for ladies royalty free images stock SELL ANNUITY PAYMENT Structures Annuity Settlement Annuity Settlements Dayton Freight Lines Hard drive Data Recovery Services adverse remortgage structured settlement agreement Motor Replacements Best criminal lawyer in Arizona DONATE OLD CARS TO CHARITY Cheap Domain Registration Hosting Donate Cars Illinois car insurance quotes pa Donating a Car in Maryland asbestos mesothelioma lawsuit Criminal Defense Attorneys Florida attorney lawyer mesothelioma mesothelioma attorney truck accident attorney los angeles injury attorney baton rouge domain registration yahoo Holland Michigan College supportpeachtreecom car accident lawyer san bernardino Life Insurance Co Lincoln