MODIFICAR EL ESTILO DE LA SALIDA DE RESULTADOS DEL GADGET BUSCADORHablamos del artilugio que viene de serie con Blogger y que genera un cuadro buscador cuyos resultados aparecen incrustados dentro de la misma página, justo arriba de las entradas. Muy estético a mi parecer, por cierto.
Para modificar su aspecto una vez añadido el gadget, sólo tenemos que buscar (con plantillas de artilugios expandidas) el comentario...
A continuación podréis encontrar todo el estilo por defecto. Las clases que más a menudo queréis modificar son:
- #uds-searchControl .gsc-results
{Cuadro general del gadget. Para cambiar el fondo, el margen y el padding, por ejemplo} - #uds-searchControl .gsc-tabhActive
{Aspecto de la pestaña activa} - #uds-searchControl .gs-result .gs-title
{Título de cada resultado} - #uds-searchControl .gs-result .gs-snippet
{Sumario de cada resultado} - #uds-searchControl .gsc-cursor-page
{Números inferiores para paginación} - #uds-searchControl .gsc-cursor-current-page
{Número página actual}
Si por ejemplo queréis que los resultados de búsqueda sólo incluyan el título del post, sin que se vea el sumario y la fecha, podríais incluir algo así.
#uds-searchControl .gs-result .gs-visibleUrl,
#uds-searchControl .gs-result .gs-publishedDate,
#uds-searchControl .gs-result .gs-relativePublishedDate {display:none;height:0px;width:0px;visibility:hidden;}
¿POR QUÉ EL CÓDIGO DE UN GADGET NO FUNCIONA EN LA PLANTILLA Y VICEVERSA?En una página normal esto no pasaría, pero Blogger es especial para interpretar el código y tiene una forma muy particular de hacerlo.
Nos referimos al código insertado dentro deHEAD o dentro deBODY porque el problema básicamente, es que la plantilla no admite comillas dobles (") y la parte CSS normalmente no lleva comillas.
De esta manera, todo el código interesante que veáis por ahí y que pretendáis instalar en vuestra plantilla, primero tiene que ser transformado. Las siguientes dos líneas serían un ejemplo de cómo insertar un código para mostrar una imagen. El primero sería el normal y el que valdría para un gadget. El segundo es el que nos exige Blogger en la plantilla. La única diferencia son las comillas dobles o simples.
img src='imagen.jpg'/
Con el simple bloc de notas (Notepad) podéis hacerlo fácilmente con la función Reemplazar. Todas las comillas dobles las pasáis a sencillas (') y listo. Si el código incluye al mismo tiempo dobles y sencillas (por ejemplo en un script), la sustitución será dobles por sencillas y sencillas por". Esto último (") sí lo admite Blogger. Y lo hace porque es unaentidad HTML de carácter que precisamente los navegadores interpretan como comillas dobles.
Si usáis el bloc de notas, tendréis que realizar primero el cambio de las sencillas para no perderlas al cambiar las dobles:
Reemplazar dobles a".
Reemplazar sencillas a dobles.
ENTIDADES DE CARACTERES HABITUALESY ya que estamos con entidades de caracteres, hay otras ocasiones en que un & u otro carácter nos da problemas en la plantilla. Es el caso también de los , que para HTML son indicativos de comienzo y fin de etiqueta y no los sabe interpretar de otra manera mas que de esa.
Las equivalencias para sustituirlos por entidades son las siguientes:
& ► &
" ► "
►   (espacio blanco)
' ► '
EJECUTAR CÓDIGO EN UNA ENTRADAOtra particularidad de Blogger es que el código escrito en una entrada no se interpreta correctamente si hay saltos de líneas entre ídem. Esto no pasa en gadgets o en plantilla, dónde además es conveniente crear saltos entre líneas para visualizar más cómodamente el código.
La solución también es simple: eliminar todos los retornos de carro que encontréis en el código que queréis poner.
Así, el código del script para crear frases aleatorias, que en la plantilla podría ir perfectamente de esta manera:
function frasesaleatorias (){
frases = new Array();
frases[0] = 'Comenta, que es gratis.';
frases[1] = 'Por cada comentario regalo un abrazo virtual.';
frases[2] = 'quot;Comenta que algo queda.';
frases[3] = 'No por mucho comentar, amanece más tarde.';
frases[4] = 'Tienes dos opciones: Opinar aquí o callar. Tú eliges.';
aleatorio = Math.random() * (frases.length);
aleatorio = Math.floor(aleatorio);
document.write(frases[aleatorio]);
}
/script
Mientras que en una entrada tendría que ir así para que funcionara:
Si pegais ambos códigos en un bloc de notas y ampliáis la pantalla, podréis observar que el segundo no tiene ningún salto de línea.
Nota: Como hemos visto en otro punto el primer código es para la plantilla. Para un gadget, las comillas simples (') tendrían que ser sustituidas por dobles (").
Car insurance quotes Colorado Photo Christmas cards Online casino Hire php programmers selling my structured settlement DONATING A CAR IN MARYLAND accident attorney orange county Webex Costs Business finance group WordPress hosting Online classes alcohol rehab center in florida Paperport Promotional Code PHD IN COUNSELING EDUCATION Social media campaigns Hire php developer Donate Your Car for Kids mesothelioma law firm Auto Mobile Shipping Quote Social media management Insurance Companies Casino PhD in counseling education DUI lawyer online criminal justice degree Dwi lawyer Car insurance quotes pa Tech school structured settlement annuity companies Casino reviews Make money online Australia harddrive data recovery services city college in miami primary pulmonary hypertension MESOTHELIOMA LAW FIRM Criminal lawyer WordPress theme designers Donating a car in Maryland personal injury attorney springfield mo New social media platforms Neuson CHEAP AUTO INSURANCE IN VA Car Insurance in South Dakota Seo companies Hire php developers Car Accident Lawyers Nunavut Culture mesothelioma Mobile casino HOLLAND MICHIGAN COLLEGE Learning adobe illustrator Dayton Freight Lines florida car insurance company MOTOR REPLACEMENTS motorcycle lawyer los angeles mesothelioma attorneys business administration masters Donate car for tax credit miami personal injury lawyer Custom WordPress theme designer refinance with bad credit car accident lawyers mortgage adviser Psychic for Free structured annuity settlement onlineclasses Auto Accident Attorney Online Classes Criminal defense lawyer structured settlement sell CRIMINAL DEFENSE ATTORNEYS FLORIDA Online College Course Live casino Automobile Accident Attorney houston motorcycle accident lawyer Seo company Php programmers injury lawyers motorcycle accident lawyer san francisco Hard drive data recovery services verizon sip Psd to html ONLINE COLLEDGES Service business software Business management software Bankruptcy lawyer injury lawyer houston tx mesothelioma suit donating used cars to charity Php programmers for hire small business administration sba Donate Car To Charity CALIFORNIA Computer science classes online Donating Used Cars to Charity car insurance companies Cheap Car Insurance in Virginia STRUCTURED ANNUITY SETTLEMENT Sell Annuity Payment auto accident lawyer san francisco business email web hosting california law lemon personal injury solicitor Best social media platforms for business CAR INSURANCE QUOTES UTAH car insurance in south dakota Mortgage Adviser cash out structured settlement california mesothelioma attorney Social media platforms for business Car Insurance Quotes MN mesothelioma information massage school dallas texas mesothelioma ct Life Insurance Co Lincoln motorcycle accident lawyer california Seo services Met Auto Low Credit Line Credit Cards HOME PHONE INTERNET BUNDLE Adobe illustrator classes best criminal lawyer in arizona Best Seo company Christmas cards Home phone internet bundle Best social media platforms Business VOIP Solutions dallas mesothelioma attorneys Car Insurance Companies Claim Online Christmas cards Social media platforms mesotheliama domains yahoo Custom Christmas cards mesothelioma lawyer virginia CAR INSURANCE IN SOUTH DAKOTA Asbestos Lawyers DONATE YOUR CAR SACRAMENTO bowne virtual data room WordPress themes for designers home phone internet bundle personal injury lawyer sarasota fl Psd to WordPress MORTGAGE ADVISER Social media examiner webex costs LOW CREDIT LINE CREDIT CARDS Html email Futuristic Architecture donate your car for kids Email bulk service Proud Italian cook workers compensation lawyer los angeles Italian cooking school WORLD TRADE CENTER FOOTAGE att call conference Social media strategies Social media tools Donate Cars in MA Donate Car to Charity California buyer of structured settlement annuity Mesothelioma Law Firm Motor Replacements Donate Car for Tax Credit dui lawyer scottsdale Donate Your Car Sacramento mesothelioma charities How to Donate A Car in California holland michigan college structured settlement blog criminal defense federal lawyer Structures Annuity Settlement Car Insurance Quotes Colorado Annuity Settlements Online Stock Trading Best Criminal Lawyers in Arizona AUTO ACCIDENT ATTORNEY mesothelioma symptoms World Trade Center Footage DONATE YOUR CAR FOR MONEY Hard drive Data Recovery Services Life insurance co Lincoln Donate a Car in Maryland ashely madis Cheap Domain Registration Hosting Donating a Car in Maryland los angeles auto accident attorneys Donate Cars Illinois WEBEX COSTS Criminal Defense Attorneys Florida Personal Injury Lawyers event management security CAR INSURANCE QUOTES MN structured settlements companies Car Insurance Quotes Utah Holland Michigan College Online Motor Insurance Quotes Online Colleges BETTER CONFERENCING CALLS SELL ANNUITY PAYMENT accident attorney in los angeles Massage School Dallas Texas Cheap car insurance in Virginia Donate Old Cars to Charity Criminal lawyer Miami Royalty Free Images Stock Dallas Mesothelioma Attorneys benchmark lending structured settlements annuities ANNUITY SETTLEMENT
