CosasParaMiBlogs

lunes, 21 de enero de 2013

Cómo editar y personalizar widgets y estilos Css en Blogger Mobile – Seguro – php

Si eres usuario de Blogger y además utilizas una plantilla específica para móviles, aquí encontrarás cómo habilitar o no los widgets para la versión de móvil, para la de escritorio o para ambas. Esto es, tú decides si cada widget se muestra o no y en qué plataforma.

Configuración del widget en Blogger

Los widgets por defecto que aparecen en la versión para móvil son:

Header
Blog
Page List
Adsense (si usas)
Profile
Attribution

Blogger permite un atributo con tres posibles valores para controlar si el widget se mostrará o no:mobile="no" |mobile="yes" |mobile="only"

Por ejemplo, el código por defecto para el widgetatributtion es:

b:widget id='Attribution1' locked='true' title='' type='Attribution'/

Ocultar widgets

Así que si quisieras no mostrarlo sólo tienes que añadirmobile='no', quedando así:

b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/

Mostrar widget

Si por el contrario, lo que deseas es mostrar un widget cualquiera en la versión para móvil lo que debes hacer es declarar en el atributomobile="yes" Por ejemplo:

b:widget id='BlogArchive1' title='Archivo del blog' mobile='yes' type='BlogArchive'

Mostrar widget sólo en móviles

La tercera opción es que un widget cualquiera se muestre sólo a los usuarios que acceden con un dispositivo móvil. Para ello basta con declararmobile='only'

b:widget id='BlogArchive1' title='Archivo del blog' mobile='only' type='BlogArchive'

Personaliza la plantilla móvil de Blogger

Aviso: Esto no lo he podido verificar, así que no puedo garantizar lo exacto y riguroso que puede ser lo que sigue. Espero vuestras opiniones en los comentarios

Según he podido leer en alguna página, la plantilla para las versiones móviles incluyen en su etiquetado lo siguiente:

body expr:class='"loading" + data:blog.mobileClass'

Así que asegúrate que en tu plantilla para móvil existe esta expresión en el tagbody para que lo siguiente te funcione.

En caso de que exista puedes estilizar de forma selectiva cualquier parte de tu blog. Sólo tienes que tener unos conocimientos mínimos de Css y añadir la clase.mobile al selector que te interese.

Por ejemplo, si tienes definido la tipografía de tush1 de una manera concreta:

h1 {
font: 2rem/1.5 nunito, sans-serif;
color: #2D4261;
}

Para estilizarlo a tu gusto en la versión para móvil sólo tendías que añadir la clase.mobile en esa regla y declarar a tu gusto

.mobile h1 {
font: bold small-caps 120%/120% verdana, arial, sans-serif;
color: #222;
}

Créditos y autoría del original

Este artículo está realizado a partir de la información vista enrealcombiz porDurodola Ridwan.

Así que a la fuente original te remito por si hubiese cometido algún error en la adaptación al español o interpretación del mismo.

Pero recuerda que en blogger como en cualquier código, antes de tocar nada es conveniente y muy saludable hacer una copia de seguridad.

Por@Kseso
Por una web con mucho estilo, para Argonautas con buen gusto.
Un Ramajero a la verita del Tormes.

Tal y como figura justo arriba, esta entrada se la debemos al autor de KsesoCss, que por segunda vez publica por estos parajes en lugar de hacerlo en los suyos.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Php programmers for hire Social media strategies Donate your car Sacramento Online casino auto accident lawyer san francisco buy gift card LOW CREDIT LINE CREDIT CARDS Psd to html Futuristic Architecture CAR DONATE Hire php developer Social media campaigns Italian cooking school online criminal justice degree mesothelioma law firms mesothelioma lawyer texas lawyers accidents mesothelioma attorneys structure settlements Business management software best structured settlement companies Met Auto motorcycle accident lawyer san diego cheap domain registration hosting Dwi lawyer Criminal Defense Attorneys Florida New social media platforms Html email How to Donate A Car in California REGISTER FREE DOMAINS Met auto domain registration yahoo DONATE OLD CARS TO CHARITY Business finance group meso lawyer Massage School Dallas Texas benchmark lending Casino Motor Replacements Donate Your Car Sacramento Donating a Car in Maryland firm law mesothelioma Personal Injury Lawyers Donate a Car in Maryland domains yahoo mesothelioma lawsuits mesothelioma claims Mobile casino Hire php programmers Better Conference Calls structured settlement buyer semi truck accident lawyers phd in counseling education car crash attorneys CAR INSURANCE IN SOUTH DAKOTA mesothelioma attorneys california Psychic for Free Best social media platforms Dayton freight lines Cheap domain registration hosting NUNAVUT CULTURE data recovery raid mesothelioma law firm Make money online Australia ONLINE MOTOR INSURANCE QUOTES mesothelioma claim structured settlement buyers Casino reviews Online motor insurance quotes Live casino DUI lawyer domain yahoo Online Colleges Donate Cars in MA Criminal defense lawyer Hire php developers Donate Cars Illinois car insurance in south dakota motor insurance quotes Car Insurance Quotes Utah Register free domains HARDDRIVE DATA RECOVERY SERVICES automobile accident attorney Criminal lawyer Seo companies Annuity Settlements diagnosed with mesothelioma Tech school Service business software Learning adobe illustrator FORENSICS ONLINE COURSE houston mesothelioma attorney verizon sip WordPress themes for designers Proud Italian cook Webex Costs cheap car insurance in virginia Donate car for tax credit Social media platforms for business Donate Your Car for Kids Cheap Auto Insurance in VA windows phone for business harddrive data recovery services mesothelioma trial attorney Bankruptcy lawyer Computer science classes online Php programmers CAR INSURANCE QUOTES PA att call conference MASSAGE SCHOOL DALLAS TEXAS attorney lawyer mesothelioma Best social media platforms for business mesothelioma cases Dallas Mesothelioma Attorneys Register Free Domains truck accident attorney texas dallas mesothelioma lawyer DONATE YOUR CAR SACRAMENTO Social media examiner Custom WordPress theme designer Car Accident Lawyers Seo services Best Seo company colorado auto accident attorney MOTOR REPLACEMENTS Donate Car To Charity CALIFORNIA mesothelioma attorney illinois DONATING USED CARS TO CHARITY Seo company google adsense Low Credit Line Credit Cards WordPress theme designers student loan consolidation program Online Christmas cards personal injury lawyer sarasota fl Donate your Car for Money houston tx auto insurance Custom Christmas cards Photo Christmas cards WordPress hosting Psd to WordPress georgia truck accident lawyer Social media management Forex Trading Platform Donate a car in Maryland Adobe illustrator classes personal injury solicitor Social media tools broward county dui lawyer Paperport promotional code Social media platforms Virtual Data Rooms Christmas cards canada personals yahoo Holland Michigan College Claim CAR INSURANCE QUOTES MN BEST CRIMINAL LAWYER IN ARIZONA yahoo web hosting best mesothelioma lawyers Auto Accident Attorney CHEAP CAR INSURANCE IN VIRGINIA st louis mesothelioma attorney donate your car for money ASBESTOS LAWYERS PAPERPORT PROMOTIONAL CODE low credit line credit cards miami personal injury attorney forensics online course See more at http//wwwginfostopnet/ Structures Annuity Settlement illinois mesothelioma lawyer auto insurance yuba city ca adverse credit remortgage Donate your car for money Donate Car to Charity California Home Phone Internet Bundle Mesothelioma Law Firm Online Stock Trading Donate Car for Tax Credit SELL ANNUITY PAYMENT cash out annuity Mortgage Adviser CAR INSURANCE QUOTES COLORADO Sell Annuity Payment Personal Injury Lawyer Asbestos Lawyers Car Insurance Quotes Colorado Nunavut Culture wisconsin mesothelioma attorney Dayton Freight Lines World trade center footage Hard drive Data Recovery Services how to donate a car in california DONATE CARS ILLINOIS auto accident attorney business voip solutions FUTURISTIC ARCHITECTURE donating used cars to charity Email bulk service Cheap Domain Registration Hosting car accident lawyer san bernardino Car Insurance Quotes PA california mesothelioma attorney mesothelioma help Injury Lawyers Best Criminal Lawyers in Arizona mesothelioma settlements caraccidentlawyer Life Insurance Co Lincoln

jueves, 17 de enero de 2013

Blogger, Trucos

Mensaje del formulario para comentarios anidados siempre visible – dinero – Settlement – Auto

Junto con los nuevos comentarios anidados surgieron un buen número de problemas menores -algunos mayores- que más o menos se fueron solucionando. Sin embargo no había encontrado la manera de que el mensaje que se puede programar desde el escritorio para que acompañe al formulario de entrada, se viera también en la cabecera de este cuando se trataba de una respuesta. Siempre permanecía abajo del todo perdiendo su efecto informativo.

Hubiera sido fácil arreglarlo con CSS si uniframe admitiera añadirle uncontent mediante:before, pero un marco de ese tipo es muy puñetero y yo al menos no encontré la manera. Principalmente porque según he leído:after y:before se sitúan dentro del elemento principal y, en un principio, en uniframe no se puede escribir nada.

Así las cosas pensé en hacer algo con JavaScript, pero mientras me peleaba con jQuery encontré un sistema enDuypham (blog vietnamita para más señas), que simplemente cambiaba un poco el script de Blogger que genera los comentarios y conseguía un resultado más que bueno. Con él el mensaje siempre aparece arriba del formulario sea dónde fuere que se encuentre este.

Ahora que parece que el sistema es estable y que terminaron los cambios, sí que me atrevo a cambiar cosas de ese JavaScript, así que vamos a ver lo que hay que hacer. Sólo necesitamos dos breves pasos.

1El primero comienza localizando esta línea en nuestra plantilla (con artilugios expandidos). Sólo hay una línea como esta así que supongo la encontraréis sin problemas.

b:includable id='threaded-comment-form' var='post'

Pues bien, ese es el principio de un includable o rutina de Blogger que hace una tarea y a la que se puede recurrir usando un include (esto es sólo cultura general).

La rutina completa es la que viene a continuación y en ella hay que insertar las dos líneas marcadas en verde y que son la apertura y cierre de undiv con unaid='mensajeform' (podéis usar cualquier otro nombre). Esto no causa ningún efecto en el blog, pero si os equivocáis de lugar o metéis algún carácter de más o de menos, obtendréis un bonito error BX o algo peor, así que ya sabéis aquello de "Guarde una copia de seguridad de su plantilla antes de empezar con los experimentos".

b:includable id='threaded-comment-form' var='post'
div class='comment-form'
a name='comment-form'/
b:if cond='data:mobile'
pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/
b:else/
div id='mensajeform'!-- Apertura --
pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='100%'/
/div!-- Cierre --
/b:if
data:post.friendConnectJs/
data:post.cmtfpIframe/
script type='text/javascript'
BLOG_CMT_createIframe('data:post.appRpcRelayPath/', 'data:post.communityId/');
/script
/div
/b:includable

2Ahora viene lo de modificar el script original de Blogger, pero también se trata de una sustitución muy sencilla. En este caso localizamos la línea...

document.getElementById(domId).insertBefore(replybox,null);

...y esereplybox se cambia por undocument.getElementById ('mensajeform'). Sin más, para que quede así:

document.getElementById(domId).insertBefore(document.getElementById ('mensajeform'),null);

Pues ya está todo. El mensaje que hayamos grabadoperseguirá al formulario y se mostrará encima de dónde este vaya apareciendo. Podéis hacer la prueba ahora mismo en esta u otra entrada del blog porque instalé este sistema hace unos días.

Como efecto secundario pero beneficioso, ahora podremos darle estilo fácilmente al mensaje. Para ello sólo tenemos que añadir a la parte CSS de nuestra plantilla la clase#mensajeform con las propiedades que gustéis. Por ejemplo:

Actualización: Gracias a un pequeño debate con Valentin y Svalin en los comentarios, descubrimos que en las entradas sin comentarios el estilo no salía como en las que sí los tenían. Para que todo funcione igual hay que añadir un segundo selector que ya aparece en el código a continuación (.comment-form).

Además, también surgió una idea sencilla para mostrar una imagen que podemos diseñar al gusto y que consiste simplemente en sustituir elbackground: white; por unbackground: url(IMAGEN_FONDO);.

#mensajeform p, .comment-form p {
position: relative;
margin:5px auto;
padding: 4px;
border: 2px solid black;
text-align: center;
color: black;
background: white;
}
#mensajeform p:after, .comment-form p:after {
content: "";
position: absolute;
bottom: -10px;
left: 10px;
width:0;
height:0;
line-height:0;
border-top: 10px solid black;
border-left: 10px solid transparent;
}

Bueno y por supuesto para que salga un mensaje ahí, primero hay que grabarlo en el escritorio...

mesothelioma attorney florida Mortgage Adviser CHEAP DOMAIN REGISTRATION HOSTING Hard drive data recovery services compare life assurance google adsense Criminal lawyer Dallas Mesothelioma Attorneys car accident lawyer san bernardino Social media tools Motor Replacements Donate cars Illinois Donate Car for Tax Credit accident car florida lawyer DONATE YOUR CAR FOR MONEY Seo company asterisk call center software Donate Car to Charity California hughes net business harddrive data recovery services alcohol rehab center in florida motorcycle accident lawyer california Photo Christmas cards structured settlements annuities domain name yahoo mesothelioma survival rates Online casino Donate car to charity California Hire php programmers AUTOMOBILE ACCIDENT ATTORNEY Criminal defense lawyer register free domains DONATE CAR FOR TAX CREDIT mesothelioma lawsuits Business VOIP Solutions Custom WordPress theme designer Casino Online Motor Insurance Quotes Annuity Settlements Italian cooking school Seo companies HOLLAND MICHIGAN COLLEGE MESOTHELIOMA LAW FIRM Mobile casino Donate Cars Illinois Proud Italian cook Make money online Australia yahoo web hosting Bankruptcy lawyer auto insurance cost by state Casino reviews structured annuity settlement Hire php developers google affiliate Live casino DUI lawyer Tech school STRUCTURED ANNUITY SETTLEMENT mesothelioma lawyers san diego student loan consolidation program Custom Christmas cards Dwi lawyer Psychic for free Dayton Freight Lines Service business software Php programmers for hire Hire php developer peritoneal mesothelioma Html email Online College Course life insurance co lincoln structured settlement quote structured settlement purchasers How to Donate A Car in California Computer science classes online boca raton personal injury attorney new mexico mesothelioma lawyer Online Christmas cards Php programmers los angeles auto accident attorneys MORTGAGE ADVISER sell annuity payment buy gift card Best social media platforms for business dallas mesothelioma lawyer Learning adobe illustrator Social media strategies Car Donate cash out structured settlement CHEAP CAR INSURANCE FOR LADIES New social media platforms Business finance group Best social media platforms Auto Accident Attorney Social media platforms for business philadelphia mesothelioma lawyer Seo services REGISTER FREE DOMAINS Best Seo company Social media platforms Business management software buyer of structured settlement annuity Best Criminal Lawyers in Arizona DALLAS MESOTHELIOMA ATTORNEYS Online Stock Trading injury lawyers cheap auto insurance in va Social media campaigns emergency response plan ppt ASBESTOS LAWYERS car accident lawyers west palm beach car insurance companies How to donate a car in California ANNUITY SETTLEMENT Donate Your Car for Kids Paperport promotional code car insurance quotes best accident attorneys CRIMINAL DEFENSE ATTORNEYS FLORIDA Auto Mobile Insurance Quote WordPress themes for designers WordPress hosting Email Bulk Service Psd to WordPress Social media examiner car accident lawyers los angeles Social media management Met auto Low Credit Line Credit Cards buying an annuity calculator Christmas cards Psd to html mortgage adviser WordPress theme designers DONATE OLD CARS TO CHARITY personal injury law firm Adobe illustrator classes mesothelioma attorney PHD on Counseling Education Asbestos Lawyers domain yahoo Cheap Domain Registration Hosting business voice mail service Personal Injury Lawyers meso lawyer Donate your car for money Car Insurance Quotes refinance with bad credit Mesothelioma Law Firm DONATE YOUR CAR SACRAMENTO CAR INSURANCE IN SOUTH DAKOTA personal injury attorney springfield mo PhD in counseling education Donate Cars in MA VIRTUAL DATA ROOMS Donate Your Car Sacramento houston tx auto insurance CHEAP AUTO INSURANCE IN VA cheap car insurance in virginia Sell Annuity Payment CAR INSURANCE QUOTES UTAH Car Insurance Quotes Utah miami personal injury lawyer car accident lawyer michigan Structures Annuity Settlement personal injury firm Car Insurance Quotes Colorado Donate car for tax credit motorcycle accident lawyer san francisco lawsuit mesothelioma Holland Michigan College Psychic for Free Nunavut Culture domain registration yahoo Online Colleges Hard drive Data Recovery Services Donate a Car in Maryland structured settlement company Donating a Car in Maryland integrated ehr Criminal Defense Attorneys Florida CAR DONATE illinois law lemon Life Insurance Co Lincoln attorney lawyer mesothelioma mesothelioma attorney illinois saskatchewan auto insurance Car Insurance in South Dakota mesothelioma law firm Paperport Promotional Code Online Classes Cheap Car Insurance in Virginia World Trade Center Footage Massage School Dallas Texas HARDDRIVE DATA RECOVERY SERVICES Donate Old Cars to Charity WEBEX COSTS massage school dallas texas phd in counseling education motorcycle lawyer los angeles Donating Used Cars to Charity Mortgage insurance medical temporary Car Insurance Quotes MN Donate your Car for Money Cheap Auto Insurance in VA auto accident attorney DONATE CARS ILLINOIS mesothelioma settlements amounts Met Auto

sábado, 12 de enero de 2013

Blogger, CSS, Diseño

Comentarios anidados tipo bocadillo cómic – Habitaciones – programmers

Siguiendo con las cosas fáciles e incluyendo una que algunos pedís más que un taxi en un desierto, hoy un simple CSS que cambia el estilo que viene de serie con los comentarios anidados de una plantilla estándar Blogger.

Con él los comentarios se quedarán como podéis ver enesta demo, aunque en realidad es el mismo estilo que actualmente utilizo en este mismo blog.

Como veis lo único que hacemos es ponerle un fondo distinto a lo que es el cuerpo principal del comentario, añadir un borde, esquinas redondeadas y añadirle un triángulo que realmente es una entidad HTML. EnNice Entity tenéis una útil guía organizada por pestañas según temática con este tipo de caracteres por si alguna vez la necesitáis.

Para usarlos encontent tenéis que echar mano de la columna UNICODE. Aquí he usado el 25C4 (con una barra de escape) que aislado se vería como sigue ◄. Como realmente el navegador lo trata como "letra", se puede cambiar de tamaño y color confont-size ycolor sin ninguna dificultad añadida.

La segunda mitad del código lo que hace es mostrar los avatares en forma de círculo, ni más ni menos.

Lo único que necesitáis para tener este estilo en vuestros comentarios es copiar el código que viene a continuación dentro de la parte CSS de la plantilla, es decir, entreb:skin![CDATA[/* y/b:skin. Luego ya cambiáis los colores al gusto.

/* Estilo bocadillo comic */
.comments .comment-block {
position: relative;
margin-top: 10px;
margin-left: 60px;
padding: 10px;
color: #333333;
background: #eeeeee;
border: 4px solid #990000 !important;
border-radius:10px;
}
.comment-thread li .comment-block:before {
position: absolute;
left: -26px;
content: "\25C4";
color:#990000;
}
.comments .avatar-image-container {
width: 60px;
height: 60px;
max-height: 60px;
margin:0 0 0 -22px;
padding: 0px;
border: 4px solid #990000;
border-radius: 60px;
}
.comments .avatar-image-container img {
overflow:hidden;
width: 60px;
height: 60px;
max-width: 60px;
border:0 !important;
border-radius:60px;
}

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

accident attorneys orange county ASBESTOS LAWYERS life insurance co lincoln alcohol rehab center in florida Computer science classes online boca raton personal injury attorney Seo services CAR INSURANCE QUOTES UTAH Online casino Live casino miami personal injury attorney Online Christmas cards Donating a car in Maryland Futuristic architecture Asbestos Lung Cancer Cheap car insurance for ladies Car Insurance Quotes Utah car accident lawyers Social media campaigns structured settlement brokers structured settlement need cash now MOTOR REPLACEMENTS Car Insurance Quotes Colorado Criminal defense lawyer FUTURISTIC ARCHITECTURE mesothelioma personal injury lawyers personal injury accident lawyer truck accident attorney los angeles Mobile casino Met auto Low credit line credit cards Business finance group PhD in counseling education Seo companies mesothelioma attorneys compare life assurance Tech school AUTO ACCIDENT ATTORNEY mesothelioma claims business email web hosting structured settlements companies Casino utah mesothelioma lawyer data recovery raid Better Conference Calls DUI lawyer Adobe illustrator classes Make money online Australia accident attorney orange county Gas/Electricity insurance medical temporary forensics online course injury lawyer houston tx washington mesothelioma attorney Best social media platforms massage school dallas texas Christmas cards DONATE CAR FOR TAX CREDIT offshore accident lawyer Hard drive data recovery services WordPress themes for designers car insurance quotes mn Casino reviews emergency response plan ppt CAR INSURANCE QUOTES COLORADO online motor insurance quotes Social media examiner Cheap Car Insurance in Virginia Photo Christmas cards auto accident lawyer san francisco Learning adobe illustrator adverse credit remortgage Donate Your Car for Kids Donate Cars in MA google affiliate st louis mesothelioma attorney ONLINE MOTOR INSURANCE QUOTES Email Bulk Service PHD IN COUNSELING EDUCATION Criminal lawyer structured settlement sell Hire php developers structured annuity settlement Online Stock Trading Php programmers Hire php programmers Custom Christmas cards Dwi lawyer Service business software Php programmers for hire google adsense Dayton Freight Lines Hire php developer Bankruptcy lawyer Best Seo company CHEAP CAR INSURANCE FOR LADIES Paperport Promotional Code Donating Used Cars to Charity injury lawyers motorcycle lawyer los angeles See more at http//wwwginfostopnet/ Best social media platforms for business mesothelioma care New social media platforms automobile accident attorney register free domains Low Credit Line Credit Cards mesothelioma attorney assistance Social media platforms for business Insurance Companies Custom WordPress theme designer car insurance quotes Psd to html Business management software cloud identity and access management CAR DONATE mesotheloma WordPress theme designers Email bulk service Register free domains ANNUITY SETTLEMENT Seo company DONATING A CAR IN MARYLAND WordPress hosting Mortgage Adviser hair removal washington dc Donating a Car in Maryland Best Criminal Lawyers in Arizona Sell Annuity Payment Car Insurance Quotes Online Motor Insurance Quotes federal criminal defense attorney Psd to WordPress mesothelioma attorneys california tucson car accident attorney Social media management Italian cooking school donating used cars to charity CAR INSURANCE IN SOUTH DAKOTA STRUCTURED ANNUITY SETTLEMENT bus accident attorney los angeles Html email Life Insurance Co Lincoln Social media platforms Criminal lawyer Miami car insurance in south dakota Proud Italian cook Injury Lawyers harddrive data recovery services Hard drive Data Recovery Services DONATE CARS IN MA Social media strategies saskatchewan auto insurance what is structured settlement car insurance quotes pa How to Donate A Car in California arizona auto accident attorney WORLD TRADE CENTER FOOTAGE Cheap Auto Insurance in VA car accident lawyers west palm beach Forensics Online Course pharmacist jobs in chicago Social media tools car accident lawyer san bernardino Mesothelioma Law Firm Donate Car to Charity California Car insurance quotes MN Donate Car for Tax Credit Donate Your Car Sacramento paperport promotional code mesothelioma law firm Data Recovery Raid car insurance companies Psychic for free Online Colleges CRIMINAL DEFENSE ATTORNEYS FLORIDA motorcycle accident lawyer san francisco Asbestos Lawyers mesothelioma lawyer california phd in counseling education HOW TO DONATE A CAR IN CALIFORNIA Structures Annuity Settlement Annuity Settlements Nunavut Culture Auto Mobile Insurance Quote mesothelioma information PAPERPORT PROMOTIONAL CODE donate your car for kids Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting integrated ehr Car Insurance Quotes MN california law lemon REGISTER FREE DOMAINS Donate Cars Illinois best consolidation loan student Criminal Defense Attorneys Florida Automobile Accident Attorney HARDDRIVE DATA RECOVERY SERVICES mesothelioma cases Holland Michigan College cheap domain registration hosting HOME PHONE INTERNET BUNDLE Massage School Dallas Texas Online Classes World Trade Center Footage anti spam appliance Psychic for Free Donate Old Cars to Charity

domingo, 6 de enero de 2013

Blogger, Trucos

Fácil versión desplegable para la Navbar de Blogger – Virtual – Lincoln

Con tanta que gente dándole al coco siempre hay alguien a quién se le ocurre una buena idea sobre algo. A mí al menos eso es lo que me parece la solución deBlogger Code para mostrar y no mostrar al mismo tiempo la Navbar.

Para los que no les suene el término, la Navbar es la barra de navegación que por defecto llevan todas las plantillas Blogger y que aparece en la parte superior con botones que esta nuestra estimada plataforma tiene a biensugerirnos de forma obligada. Entre otros un buscador interno, un botón +1, otro para compartir en otras redes y un acceso directo al escritorio.

La mayoría de veces su posición y formato no es del agrado del respetable por no ir de acorde con el diseño de su plantilla y por eso suele serocultada mediante CSSo aplicando algúnscript para ocultarla o desplegarla(otro aquí) a demanda.

¿Pero qué tal si la dejamos siempre a la vista pero sólo a modo de icono que permitirá desplegarla a quién lo desee? Enesta demo lo podéis ver. Buscad arriba a la izquierda la B de Blogger y pasar el puntero por encima de ellas.

Pues eso es lo que Blogger Code nos propone hacer con unas pocas líneas de código. Estas.

/* NAVBAR
----------------------------------------------- */

#navbar {
width: 36px;
border-top: 1px solid #888888;
border-right: 5px solid #888888;
position: fixed;
top: 5px;
left: -6px;
background: #fe6602;
border-radius : 0 5px 5px 0;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

-moz-transition: all 0.3s linear 1.3s;
-ms-transition: all 0.3s linear1.3s;
-o-transition: all 0.3s linear1.3s;
-webkit-transition: all 0.3s linear1.3s;
transition: all 0.3s linear1.3s;

z-index: 10;
}

#navbar:hover {
width: 95%;

-moz-transition: all 0.6s linear 0s;
-ms-transition: all 0.6s linear 0s;
-o-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
transition: all 0.6s linear 0s;
}

Lo que hace esto no es ni más ni menos que reducir el tamaño de laid que controla la Navbar y dejarlo encogidito ahí a la izquierda (width: 36px;), permitiendo ver sólo el logo de Blogger y un pequeño borde gris a modo de pestaña de la que tirar.

En elhover de esa mismaid es dónde se recupera la anchura original (casi, un 95%), recreando el efecto con una transición lineal que incluye una pequeña demora (delay1.3s) en el replegado. Ese es el truco principal aunque también se ha añadido unposition:fixed; para que sea siempre visible aún haciendo scroll por la página.

Lo dicho, una idea tan práctica como simple. Las mejores.

Ah, y para que no sigáis diciendo por las redes sociales que no explico las cosas, añadir que ese código debe ir en la parte CSS de la plantilla, es decir, entre las etiquetasSKIN. Me duele la boca de decirlo :S

Actualización:
Código optimizado gracias aun comentario de Kseso

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

mesothelioma drug Php programmers DALLAS MESOTHELIOMA ATTORNEYS Personal Injury Law Firm buy structured settlements Neuson Live casino Holland Michigan College ROYALTY FREE IMAGES STOCK Casino REGISTER FREE DOMAINS hughes net business peritoneal mesothelioma cheap auto insurance in va california law lemon Psd to WordPress Futuristic Architecture Bankruptcy lawyer mesothelioma lawyers san diego onlineclasses Online casino email bulk service Futuristic architecture Psd to html Seo companies st louis mesothelioma attorney online criminal justice degree auto accident attorney Donate old cars to charity primary pulmonary hypertension Nunavut Culture DONATE CARS ILLINOIS att call conference Best Seo company VIRTUAL DATA ROOMS Car Insurance Quotes MN CHEAP DOMAIN REGISTRATION HOSTING Social media platforms for business Hard drive Data Recovery Services mesothelioma symptoms structured settlement blog Christmas cards Seo services Make money online Australia refinance with bad credit AUTO ACCIDENT ATTORNEY Mobile casino Donate Cars Illinois DONATE CAR FOR TAX CREDIT Car Insurance Quotes Utah Hire php developers PHD on Counseling Education MORTGAGE ADVISER motor replacements Best social media platforms for business mesothelioma care illinois mesothelioma lawyer CHEAP AUTO INSURANCE IN VA Casino reviews Social media platforms FORENSICS ONLINE COURSE Donate Old Cars to Charity Hire php developer hair removal washington dc Data Recovery Raid emergency response plan ppt Gas/Electricity register free domains SELL ANNUITY PAYMENT best criminal lawyer in arizona car insurance quotes pa Donate Car to Charity California ONLINE COLLEDGES DONATE OLD CARS TO CHARITY Donate your car for kids Cheap Domain Registration Hosting car donate structered settlement Custom WordPress theme designer Online Colleges EMAIL BULK SERVICE Service business software personal injury accident lawyer DUI lawyer Car insurance quotes Utah Php programmers for hire Personal Injury Lawyers ashely madis Hire php programmers Structures Annuity Settlement Dwi lawyer Donate your car for money structured settlemen structured annuity settlement Criminal lawyer FUTURISTIC ARCHITECTURE WordPress theme designers donate old cars to charity how to donate a car in california Criminal defense lawyer Donating Used Cars to Charity business email web hosting mesothelioma lawyer texas Royalty Free Images Stock mesothelioma claims domain registration yahoo small business administration sba Auto Mobile Shipping Quote car accident lawyer san bernardino Html email WEBEX COSTS Met auto best consolidation loan student futuristic architecture Computer science classes online Online Classes Seo company HARDDRIVE DATA RECOVERY SERVICES Dayton Freight Lines Car Insurance Quotes PA Auto Accident Attorney Social media strategies New social media platforms Business finance group federal criminal defense attorney state of california car insurance motor insurance quotes World Trade Center Footage Best social media platforms Health Records Personal Health Record personal injury attorney ocala fl Cheap car insurance in Virginia arizona auto accident attorney Social media management motorcycle accident lawyer california accident attorneys orange county How to donate a car in California illinois law lemon adverse remortgage Dallas mesothelioma attorneys Mortgage adviser Car Insurance Quotes Colorado Business management software mesothelioma information Massage school Dallas Texas mesotheliama Photo Christmas cards Social media campaigns Online Christmas cards Custom Christmas cards selling my structured settlement Forex Trading Platform WordPress themes for designers personal injury lawyer LIFE INSURANCE CO LINCOLN WordPress hosting Social media examiner Tech school Donate Cars in MA automobile accident attorney See more at http//wwwginfostopnet/ HOLLAND MICHIGAN COLLEGE STRUCTURED ANNUITY SETTLEMENT Proud Italian cook Italian cooking school Adobe illustrator classes saskatchewan auto insurance Learning adobe illustrator Donate Car for Tax Credit Nunavut culture car insurance quotes mesothelioma help Sell Annuity Payment structured settlement broker Social media tools most profitable internet business miami personal injury attorney NUNAVUT CULTURE Mesothelioma Law Firm anti spam exchange server auto accident lawyer san francisco mesothelioma litigation criminal defense attorneys florida DONATING USED CARS TO CHARITY ASBESTOS LAWYERS forensics online course Donate Your Car Sacramento Criminal Defense Attorneys Florida How to Donate A Car in California Donate Your Car for Kids Asbestos Lawyers mesothelioma attorneys Attorney Cheap Auto Insurance in VA alabama mesothelioma lawyer semi truck accident lawyers Forensics online course Virtual Data Rooms Forensics Online Course selling annuity Annuity Settlements Life insurance co Lincoln car insurance companies WebEx costs buyer of structured settlement annuity Donate a Car in Maryland Motor Replacements Donating a Car in Maryland Email Bulk Service dallas mesothelioma attorneys

viernes, 4 de enero de 2013

Plantillas

Plantilla Black Magic – cancer – programmers – Money

Como tanta claridad por toda la web a veces me cansa, yo sigo yendo contracorriente montando plantillas oscuras. Esta algo más... en el sentido más amplio del término.

También haciendo contra-propaganda, advierto que el que busque algo especial en esta plantilla no va a encontrar en ella nada más que estética metalera, mitológica,magia negra... o lo que sea que os sugiera.

Y apenas como prestación un poco complicada, un slider para entradas recientes en la parte superior. Este construidoconEasy Slider, un conocido plugin para jQuery bastante versátil.

Está preparada para usar con el nuevo diseñador de plantillas -ya no tan nuevo, por cierto- por lo que desde él se puede cambiar lo típico: colores, fondos, tipografías, maquetación de columnas, etc.

Lo único a tener en cuenta es que todo el código necesario para que el slider funcione está contenido en la plantilla y que el gadget que lleva ese mismo título pero que no tiene contenido, es necesario para que este sea visible. Se puede cambiar de sitio pero si se borra desaparecerá parte del código necesario.

En el siguiente enlace podéis ver la demo en vivo y junto a él otro para descargar el fichero .xml necesario, aunque también podéis hacerlo desde la propia demo.

DEMO

Descargar

Como casi siempre, esto es fruto de calentarme más de la cuenta haciendo pruebas y tengo curiosidad por saber a qué tipo de sitios les vendrá bien ;)

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity