Buscador flotante para Blogger – Automovil – Hosting – Register

En esta oportunidad quise optimizar un poco los espacios del blog, por lo que decidí crear un buscador flotante que bajara con la página. Tiene la particularidad de ser adaptable y bastante personalizable.

Puedes ver un ejemplo del buscador en esteblog de pruebas.

¿Cómo añadirlo a Blogger?:

Paso 1: Añadiendo la sección:

En ''Diseño | Edición HTML'' buscamos el siguiente código:

/head

Debajo de éste, pegaremos el siguiente código:

div id='barra_busqueda'
form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'
input class='texto-input png_crop' id='edit-search-theme-form-keys' name='q' onblur='if (!value)value='Buscar'' onclick='value=''' title='buscar' type='text' value=''/
/form
/div

Paso 2: Añadiendo los estilos y atributos:

Ahora busca la siguiente línea:

/b:skin

Arriba de ésta, pega el siguiente código:

#barra_busqueda {
padding:15px;
border-radius:14px 14px 0 0;
right:50px;
background: #000;
width:370px;
z-index:30;
bottom:0;
position:fixed;
}
.texto-input {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdAm3j9m9A4lQO8IGicKVhB_76dhq0XRTyUZfftnR9ovPlVsxBeoOcoNTYS4wMAHOsYv6fsdWcAl0QJok1xjcwxvRmfFTrG1G1XQqN052-kaXTVtjps3_3kXBd5ZfDJ_QzvYzOyYp7ZS2w/s1600/s-form.png) no-repeat scroll 0 0;
border:medium none;
color:#ddd;
-moz-opacity:0.65;
opacity:0.65;
filter:alpha(opacity=′65′);
font-family:Arial;
font-size:13px;
height:26px;
margin:0 auto;
margin-left:40px;
padding:0px 10px 0 38px;
width:240px;
}

Guarda los cambios y listo.

Consideraciones:

• Para modificar el color del buscador reemplaza:

background: #000;

• El valor #000, corresponde a negro, deberás reemplazar por el color que quieras poner al buscador. Te recomiendo que utilices las herramientas de colores de mi blog para escoger un color.

• El valor .text-input, corresponde al formulario. Este tiene un atributo de transparencia por lo que si deseas cambiar el color del buscador, cambiará de forma completa.

Importante: El buscador no se previsualiza bien en Internet Explorer por los atributos CSS3 por los que está compuesto.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

Php programmers for hire life insurance co lincoln Seo companies Service business software semi truck accident lawyers Casino reviews DONATE YOUR CAR FOR MONEY Car insurance quotes Colorado Seo company cash out annuity car insurance quotes pa cloud identity and access management domains yahoo miami personal injury attorney online colledges Car Insurance in South Dakota mesothelioma help mesothelioma attorneys california Learning adobe illustrator Business finance group Car Insurance Quotes Claim broward county dui lawyer Online casino boulder personal injury lawyers accident attorney san bernardino dallas mesothelioma attorneys criminal defense federal lawyer Live casino Casino Mobile casino Tech school futuristic architecture Donate your car Sacramento DONATE CARS ILLINOIS Business VOIP Solutions Hire php programmers Car Insurance Quotes MN accident attorneys orange county Met auto DUI lawyer CHEAP CAR INSURANCE FOR LADIES adverse remortgage Forex Trading Platform car insurance in south dakota EMAIL BULK SERVICE car insurance companies mesotheliama lease management software HOW TO DONATE A CAR IN CALIFORNIA seattle mesothelioma lawyer Proud Italian cook Make money online Australia domain registration yahoo Dwi lawyer anti spam exchange server Mesothelioma Law Firm truck accident attorney los angeles google adsense Criminal lawyer cheap auto insurance in va Social media examiner Car Insurance Quotes Utah Car Insurance Quotes Colorado Car Insurance Companies Donate car to charity California tucson car accident attorney Hire php developers car accident lawyer michigan STRUCTURED ANNUITY SETTLEMENT bus accident attorney los angeles World Trade Center Footage mesothelioma claims los angeles motorcycle accident lawyer Car insurance quotes Utah car insurance quotes mn business email web hosting DAYTON FREIGHT LINES motorcycle accident attorney chicago Massage School Dallas Texas Donate your car for money ONLINECLASSES donate car for tax credit Criminal defense lawyer personal injury lawyer Virtual Data Rooms Email Bulk Service harddrive data recovery services asbestos lung cancer Hire php developer World trade center footage Bankruptcy lawyer Donate Your Car Sacramento Computer science classes online Psd to html Best Seo company auto accident attorney Php programmers Best social media platforms for business Forensics Online Course Cheap car insurance in Virginia Royalty Free Images Stock donating used cars to charity online motor insurance quotes New social media platforms Better Conference Calls Donate Car for Tax Credit Car Insurance Quotes PA Social media platforms for business Custom WordPress theme designer cash annuity Auto Accident Attorney CAR INSURANCE QUOTES COLORADO buyer of structured settlement annuity Custom Christmas cards