Cosas Para Blogueros: Recursos Blog

Mostrando entradas con la etiqueta Recursos Blog. Mostrar todas las entradas

Menú horizontal para Blogger (Con descripción en cada enlace y animaciones). – Arquitectura

Damian 17:09 CSS, Menúes, Recursos Blog, Tutoriales Blogger

Usando lastransiciones CSS3 he hecho otro menú para Blogger el cual tiene un leve desplazamiento en cada enlace al situar el mouse sobre éstos, además de incluir una descripción debajo de cada título.

Puedes ver el resultado del menú observando el siguiente ejemplo:

El tutorial:

Paso 1: Añadiendo los estilos:

En "Diseño | Edición HTML" deberás buscar el siguiente código:

/b:skin

Arriba de este deberás pegar el siguiente:

#menu-soft {
width:100%;
padding:0;
color:#d9d9d9;
font-family: Century Gothic;
overflow:hidden;
background:#222;
}

#menu-soft ul {
width:940px;
margin:0auto;
}

#menu-soft a {
color:#d9d9d9;
font-weight:normal;
}

#menu-soft ul {
list-style:none;
display:block;
margin:0;
padding:0;
}

#menu-soft li {
float:left;
padding:10px;
display:block;
width:100px;
border-left:1px solid #2d2d2d;
/*Duración de transiciones*/
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
-o-transition:0.7s;
transition: 0.7s;
}

#menu-soft li:hover {
padding-left:50px;
cursor:pointer;
background:#1bb1bb;
}
#menu-soft li:hover a {
color:#fff;
text-shadow:1px 1px #222, 2px 2px #222; 3px 3px #222; 4px 4px #222;
}

#menu-soft li span {
font-size:24px;
}

Paso 2: Añadiendo el menú:

Ahora deberás buscar algún lugar en donde ubicar el menú, recomiendo arriba de la siguiente sección:

div id='content-wrapper'

Deberás insertar el siguiente código en la sección deseada:

div id="menu-soft"
ul
li id="enlace-1"a href="#"spanEnlace 1/spanbrDescripción 1/br/a/li
li id="enlace-2"a href="#"spanEnlace 2/spanbrDescripción 2/br/a/li
li id="enlace-3"a href="#"spanEnlace 3/spanbrDescripción 3/br/a/li
li id="enlace-4"a href="#"spanEnlace 4/spanbrDescripción 4/br/a/li
/ul
/div

Previsualiza los cambios y si son satisfactorios guardas la plantilla.

Importante: Para añadir otro enlace basta con insertar el siguiente código debajo del último /li:

li id="enlace-5"a href="#"spanEnlace 5/spanbrDescripción 5/br/a/li

Recuerda que si haz añadido otros enlaces es necesario modificar el número del ID ya que habrán errores y la plantilla no se guardará.

Si quieres personalizar los enlaces de manera individual puedes hacerlo editando los siguientes ID's:

#enlace-1
#enlace-2
#enlace-3
#enlace-4

Recuerda que al modificar el color de manera individual al pasar el cursor tienes que hacerlo con la pseudo clase ":hover".

Ejemplo:

#enlace-1:hover {
background:orange;
}

En el ejemplo anterior se modificará el color del primer enlace SÓLO al pasar el cursor sobre el enlace, deberás hacer lo mismo con cada ID para personalizar cada elemento de manera individual.

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 Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,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

Car insurance quotes pa DAYTON FREIGHT LINES small business administration sba Make money online Australia Best Seo company meso lawyer Social media examiner Bankruptcy lawyer Best social media platforms for business Online casino Low Credit Line Credit Cards ashely madis Online Christmas cards Data Recovery Raid Insurance buying structured settlements florida car insurance company DUI lawyer Mobile casino Php programmers for hire Christmas cards motorcycle lawyer los angeles Criminal Defense Attorneys Florida insurance medical temporary Motor Replacements best mesothelioma lawyers Online Motor Insurance Quotes Computer science classes online Motor Insurance Quotes Casino CAR INSURANCE QUOTES PA PHD IN COUNSELING EDUCATION Email Bulk Service Online College Course Service business software Hire php developers Criminal lawyer Learning adobe illustrator accident attorneys orange county Cheap Car Insurance for Ladies mesothelioma information mesothelioma attorney florida AUTO ACCIDENT ATTORNEY Hire php programmers onlineclasses Donate Your Car for Kids cell cycle regulation ppt CHEAP CAR INSURANCE IN VIRGINIA Donate Car to Charity California cheap auto insurance in va Casino reviews Live casino Car Donate Virtual Data Rooms Car Insurance Companies anti spam exchange server online criminal justice degree Cheap auto insurance in VA Criminal defense attorneys Florida Psd to html Dayton Freight Lines caraccidentlawyer DONATE YOUR CAR FOR KIDS Social media platforms for business Social media campaigns Social media tools mesothelioma cases FUTURISTIC ARCHITECTURE asbestos lung cancer dallas mesothelioma lawyer Dwi lawyer mesothelioma trial attorney Auto Mobile Insurance Quote mesothelioma Best social media platforms Donating a Car in Maryland MASSAGE SCHOOL DALLAS TEXAS Criminal defense lawyer Social media platforms Car insurance quotes Utah car insurance companies annuity payment tennessee mesothelioma lawyer WordPress hosting firm law mesothelioma Hire php developer Asbestos Lung Cancer st louis mesothelioma attorney Php programmers business voip solutions truck accident attorney los angeles Psd to WordPress motor insurance quotes federal criminal defense attorney personal injury accident lawyer online motor insurance quotes Cheap Auto Insurance in VA Seo companies BETTER CONFERENCING CALLS Massage School Dallas Texas semi truck accident lawyers MET AUTO personal injury lawyer offshore accident lawyer Business management software Custom WordPress theme designer los angeles auto accident attorneys New social media platforms Business finance group mesothelioma lawyers san diego Online Stock Trading online colledges Seo services Mortgage Adviser See more at http//wwwginfostopnet/

Iniciativa: intercambio de enlaces de forma automática – Donate

Damian 20:16 Noticias, Recursos Blog

El intercambio de enlaces es un proceso lento y dificil, muchas veces intentamos obtener enlaces pero la mayoría de los sitios no tienen el interés o bien requiere mucho tiempo pasar sitio por sitio ofreciendo este intercambio que sin duda es fundamental y valioso para aumentar las visitas, el PageRank, etc.

He abierto esta nueva sección en el blog, en la cual no deberás contactar con los administradores de cada sitio para intercambiar enlaces, sino que cada usuario que esté de acuerdo en incluir su blog y unas cuantas líneas de códigos mostrará enlaces de manera aleatoria que yo personalmente recopilaré mediante esta entrada.

¿Cómo trabaja este sistema de enlaces?

Es sencillo, no necesitas interferir el script ni tampoco hacer propaganda en otros sitios, el script lo hará por tí. Mostrará enlaces aleatorios en los sitios interesados y a su vez estos ganarán visitas.

Cómo participar:

Incluye la URL de tu blog en algún comentario de esta entrada incluyendo un banner de 125x125px y/o 468x60px (Puedes añadir ambos para obtener más visitas).
Inserta el script de algún anuncio en tu blog, puedes optar por la resolución de 125x125px y/o 468x60px.

Opción 468x60px (Para entradas):

Copia el siguiente código:

b:if cond='data:blog.pageType == "item"'script src="http://bit.ly/sgVWsD" type="text/javascript"/script/b:if

Pégalo antes de:

data:post.body/

Vista previa:

Opción 125x125px (Para Sidebar):

Copia el siguiente código:

script src="http://bit.ly/tqe6dd" type="text/javascript"/script

Pégalo en un gadget HTML y listo.

Vista previa:

Importante:

Recuerda que es importante queNO SUBAS EL SCRIPT EN ALGÚN SITIO PROPIO, ya que el script lo actualizaré periodicamente y si lo editas no aparecerán los nuevos blogs. Se estarán revisando diariamente que no elimines el script de tu sitio.

Personalizando los banners (Opcional):

Puedes personalizar los banners con CSS fácilmente:

#banner468 {/*Para los banners de 468x60px*/
...
}

#banner125 {/*Para los banners de 125x125px*/
...
}

Estos códigos deberás editarlos y pegarlos arriba de /b:skin.

Recuerda que mientras más blogs participen, más visitas tendrás, ayúdanos a publicar esta entrada para que los demás sepan sobre esta nueva iniciativa.

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

Online Stock Trading Structures Annuity Settlement mesothelioma lawyer california Donating a Car in Maryland WordPress theme designers ashely madis Online casino Live casino boulder personal injury lawyers anti spam exchange server Low Credit Line Credit Cards Criminal defense lawyer Business finance group structured settlement cash out Car insurance quotes pa Dedicated Hosting Dedicated Server Hosting alcohol rehab center in florida Casino reviews Hire php developers Mesothelioma Law Firm motorcycle accident lawyer san francisco Casino World trade center footage Mobile casino car insurance quotes pa ASBESTOS LAWYERS How to Donate A Car in California structured settlement investments Donate Cars Illinois MESOTHELIOMA LAW FIRM washington mesothelioma attorney new mexico mesothelioma lawyer DONATING USED CARS TO CHARITY refinance with bad credit Make money online Australia Best social media platforms for business structured annuity settlement Seo company Register Free Domains structured settlement buyer Online colledges WEBEX COSTS personal injury solicitor PAPERPORT PROMOTIONAL CODE Photo Christmas cards wisconsin mesothelioma attorney Donate car for tax credit WordPress hosting Motor Insurance Quotes auto accident attorney Torrance Donate a Car in Maryland Cheap Car Insurance for Ladies Seo services mesothelioma survival rates Car insurance quotes MN Donate your car Sacramento selling annuity Cheap Car Insurance in Virginia Annuity Settlements forensics online course Hire php programmers mesothelioma help See more at http//wwwginfostopnet/ la personal injury lawyer CAR DONATE emergency response plan ppt Custom Christmas cards motorcycle accident lawyer california Online Motor Insurance Quotes car accident lawyers LOW CREDIT LINE CREDIT CARDS Nunavut Culture Criminal defense attorneys Florida Seo companies colorado mesothelioma lawyers Virtual Data Rooms car accident lawyer san bernardino DUI lawyer primary pulmonary hypertension Business Voip Solutions Car Insurance in South Dakota Dwi lawyer AUTO ACCIDENT ATTORNEY Criminal lawyer Service business software motor replacements best structured settlement companies insurance medical temporary Computer science classes online philadelphia mesothelioma lawyer Criminal Defense Attorneys Florida mesothelioma information Php programmers for hire Cheap Auto Insurance in VA Html email most profitable internet business life insurance co lincoln data recovery raid Hire php developer att call conference Bankruptcy lawyer arizona auto accident attorney Psd to html Car Insurance Quotes MN Car Insurance Quotes Utah Php programmers miami personal injury lawyer auto insurance cost by state New social media platforms car accident lawyers los angeles Social media platforms for business Custom WordPress theme designer los angeles auto accident attorneys register free domains Business VOIP Solutions

Blogger desde tu Android – Forex – Law Firm

Damian 8:07 Básicos, Recursos Blog, Tutoriales Blogger

Existen distintas herramientas para aprovechar las funcionalidades de Android, y en el blogging no hay excepción. Podemos usar varias alternativas en aplicaciones, pero veremos 2 las cuales corresponden a la versión oficial de Blogger y una alternativa llamada Blogger-Droid para los que deseen usar su Android como sistema de Blogging.

Blogger (App oficial):

Esta es la aplicación recomendada ya que tiene una gran cantidad de funciones que sin duda no aparecen en la alternativa que mencionaré más adelante. La aplicación está en inglés.

Para instalarla es necesario tener un navegador de archivos en tu Android, recomiendo utilizarAstro para instalar el .apk.

Descargar Blogger para Android:

.

Importante: Requiere Android 2.1 o superior.

Blogger-Droid (Alternativa):

Blogger-Droid es una alternativa a la app oficial, esta salió mucho antes que la de Google pero no es tan buena a la oficial.Esta versión requiere Android 1.5 o superior.

Para descargar Blogger-Droid es necesario ir al Android MarketPlace y buscar por "Blogger-droid" o bien por "Blogspot":

La herramienta que nos interesa es la de Anders Hedström, debemos instalarla y aceptar los permisos de la aplicación:

El escritorio es bastante sencillo de utilizar, lamentablemente la aplicación no está traducida y no es tan completa como la versión de Google, por lo que a ciegas recomiendo la versión oficial. Además la app incluye publicidad.

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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 cases Photo Christmas cards Low credit line credit cards NUNAVUT CULTURE Best Seo company DAYTON FREIGHT LINES life insurance co lincoln Motor replacements DUI lawyer Seo company Donating a Car in Maryland Met auto CRIMINAL DEFENSE ATTORNEYS FLORIDA online criminal justice degree Tech school Motor Insurance Quotes small business administration sba Casino Donate Old Cars to Charity paperport promotional code Online casino WebEx costs boca raton personal injury attorney Criminal Defense Attorneys Florida Adobe illustrator classes Auto Accident Attorney washington mesothelioma attorney Mobile casino Social media tools Social media platforms CAR DONATE asbestos lung cancer semi truck accident lawyers injury lawyers west palm beach maritime lawyer houston Car insurance in South Dakota truck accident attorney texas Make money online Australia FORENSICS ONLINE COURSE Hire php developers Criminal lawyer insurance medical temporary Cheap Car Insurance in Virginia what is structured settlement Php programmers for hire DONATE YOUR CAR FOR KIDS Mesothelioma Law Firm Casino reviews CAR INSURANCE IN SOUTH DAKOTA lease management software DONATE YOUR CAR SACRAMENTO utah mesothelioma lawyer Service business software Paperport Promotional Code buyer of structured settlement annuity Live casino personal injury accident lawyer CAR INSURANCE QUOTES PA mesothelioma attorneys Life Insurance Co Lincoln buy structured settlements Annuity Settlements Forex Trading Platform mesothelioma attorney florida Holland Michigan College Hire php developer Hire php programmers Php programmers Business finance group Dwi lawyer mesothelioma lawyer asbestos cancer lawsuit Proud Italian cook most profitable internet business Asbestos Lawyers cheaper insurance companies google adsense mesothelioma lawyer houston Psd to WordPress Criminal defense lawyer Custom WordPress theme designer motorcycle accident lawyer san francisco Paperport promotional code Business management software AUTOMOBILE ACCIDENT ATTORNEY CHEAP AUTO INSURANCE IN VA Bankruptcy lawyer CAR ACCIDENT LAWYERS Attorney Donate car for tax credit mesothelioma ct personal injury solicitor How to Donate A Car in California california motorcycle accident lawyer Best social media platforms for business Donate Your Car for Kids attorney lawyer mesothelioma mesothelioma settlements Computer science classes online ashely madis donate car for tax credit WordPress themes for designers Seo companies Car Insurance in South Dakota city college in miami Criminal defense attorneys Florida CHEAP CAR INSURANCE FOR LADIES better conferencing calls PHD IN COUNSELING EDUCATION donate your car for money DALLAS MESOTHELIOMA ATTORNEYS New social media platforms Social media platforms for business diagnosed with mesothelioma mesothelioma suit Seo services

Optimizar el blog para distintas resoluciones – Domains – School

Damian 9:39 Básicos, Consejos, CSS, Recursos Blog, Tutoriales Blogger

Algo que poco se trata en los blogs es la optimización de la resolución de la pantalla que sin duda es algo muy importante que considerar cuando creamos la plantilla para nuestro blog.

En esta oportunidad veremos distintos tipos de layout, sus ventajas y otras formas de optimización.

W3schools tiene una tabla estadística que sin duda es la mejor para conocer la cantidad de usuarios utilizan las resoluciones las que trataremos.

Tema 1: Tipos de Layout:

En este tema trataremos las distintas formas que pueden adoptar las plantillas, mostraré sólamente los 2 tipos que considero los más sencillos de implementar y los que menos trabajo dan.

1.Fixed: Este tipo de layout es uno de los más utilizados, mantiene siempre un ancho fijo el cual a distintas resoluciones puede ser un problema si no se sabe definir correctamente.

2.Fluid: El tipo fluid es un layout que trabaja con valores porcentuales, es decir, mantiene un tamaño en relación a la resolución que se está usando, es el que considero mejor pero a su vez es más dificil de implementar.

En los siguientes esquemas puedes ver la forma de trabajar de cada tipo de layout:

Ejemplo Layout Fixed:

940px

620px

300px

940px

Ejemplo Layout Fluid:

90%

66%

32%

90%

Ahora que sabemos un poco sobre cómo trabajan las layouts, es conveniente saber lo siguiente:

Usa una resolución de 1024x768 cuando diseñes: Esto puede ser un poco molesto ya que la mayoría de los usuarios usamos una resolución superior, pero es importante también en cuenta esta resolución porque es la mínima que se utiliza. Podemos descartar resoluciones de 800x600 e inferiores ya que no son usadas hoy en día.
Usa dimensiones de 960px o 940px de ancho: Generalmente los sitios se manejan por esta regla, ya que son óptimas para la resolución mínima en el caso de usar un layout fixed. La plantilla no sobrepasará los límites horizontales del navegador y así evitas problemas.
Centra el layout: Es necesario y crucial que cada parte del layout esté centrada correctamente, esto es fácilmente aplicable con el margin:0 auto en cada contenedor. Esta regla es útil para ambos tipos de layout.
Si tu resolución no alcanza una muy alta: Puedes hacer zoom out al blog para comprobar si todo está funcionando correctamente.

Tema 2: Usando CSS en distintas resoluciones:

Existe una regla que nos permite evitar hacer cambios al tipo de layout para corregir errores puntuales en distintas resoluciones mediante la inserción de estilos a esta resolución en particular.

Esto es posible gracias al siguiente código:

link href="url-archivo-res-1024.css" media="screen and (min-device-width:1024px)" rel="stylesheet"/link

En donde1024px lo cambiamos por la resolución a la que queremos añadir CSS yurl-archivo-res-1024.css por la URL del archivo CSS (Si no sabes crear un archivo .CSS lee esta entrada).

Puedes comprobar la capacidad de esta función cambiando la resolución de tu computador y observando el siguiente contenedor (Actualiza la página para comprobarlo):

Este contenedor variará de color en resoluciones distintas

En resolución de 800 deberás ver un color como este:
En resolución de 1024 deberás ver un color como este:
En resolución de 1280 o superior deberás ver un color como este:

Home phone internet bundle Social media platforms for business buying structured settlements structured settlement agreement Online casino Donate Your Car Sacramento mesothelioma virtual data rooms Dayton Freight Lines register free domains Criminal defense lawyer Italian cooking school structured settlement buyer california law lemon personal injury solicitor Casino Social media strategies Criminal Defense Attorneys Florida WordPress theme designers Mesothelioma Law Firm Make money online Australia Health Records Personal Health Record PhD in counseling education Asbestos Lawyers Live casino EMAIL BULK SERVICE Hard drive Data Recovery Services mesothelioma personal injury lawyers Tech school structured settlements companies Casino reviews Seo company asterisk call center software mesothelioma claims SELL ANNUITY PAYMENT personal injury law firm new york mesothelioma law firm new mexico mesothelioma lawyer CAR INSURANCE QUOTES COLORADO New social media platforms WordPress themes for designers Claim Mobile casino Seo services WORLD TRADE CENTER FOOTAGE Best social media platforms for business Php programmers integrated ehr Nunavut culture PHD on Counseling Education donating used cars to charity google affiliate Paperport Promotional Code Donate your Car for Money Seo companies Donate Car To Charity CALIFORNIA Hire php developers DUI lawyer Bankruptcy lawyer seattle mesothelioma lawyer sell my structured settlement Hire php programmers Dwi lawyer Criminal lawyer mesothelioma ct Service business software ONLINE MOTOR INSURANCE QUOTES Php programmers for hire Hire php developer BETTER CONFERENCING CALLS Criminal defense attorneys Florida Futuristic architecture baltimore mesothelioma attorneys Best Seo company NEUSON Met auto Computer science classes online Cheap domain registration hosting Criminal lawyer Miami personal injury lawyer sarasota fl Life Insurance Co Lincoln motor insurance quotes Better Conference Calls mesothelioma law suit Car insurance quotes Utah offshore accident lawyer Injury Lawyers CAR INSURANCE QUOTES UTAH Online Classes cheap domain registration hosting dallas mesothelioma lawyer car insurance in south dakota Business management software Business finance group colorado mesothelioma lawyers LOW CREDIT LINE CREDIT CARDS Auto Mobile Shipping Quote mesothelioma lawsuits business administration masters fortis health insurance temporary FORENSICS ONLINE COURSE colorado auto accident attorney wisconsin mesothelioma attorney Social media tools Html email Custom WordPress theme designer Psd to WordPress LIFE INSURANCE CO LINCOLN Car Insurance in South Dakota Car Insurance Quotes PA Best social media platforms DONATE YOUR CAR FOR MONEY Online Christmas cards CAR DONATE Life insurance co Lincoln

Mide la velocidad de carga del blog mediante Loads.in – Donate – coche – Promotional Code

Damian 11:21 Recursos Blog

Loads.in es un sitio web bastante sencillo de utilizar, a mi parecer uno de los mejores test de velocidad de webpages ya que permite distintas configuraciones, tales como definir un navegador para comprobar, seleccionar un país para revisar la velocidad de respuesta del blog en distintas ubicaciones, etc.

Tiene un sistema especial con el que puedes revisar siempre el progreso, en la zona inferior del test muestra una línea con la última revisión que han realizado a una URL y por lo tanto siempre podrás revisar el progreso del rendimiento del blog.

Para visitar el sitio puedes ingresar a la siguiente dirección:

http://loads.in/

¿Por qué es importante la velocidad de carga del blog?

Si bien el título de la entrada no define que se hablará sobre esto, es algo que siempre hay que tener en mente.

Ten en cuenta estos 2 cruciales aspectos sobre la velocidad de tu blog:

1. Google penaliza sitios que no tengan una buena velocidad de respuesta y por lo tanto tu posicionamiento no será el que deseas, esto puede afectar de forma considerable al número de visitas de tu blog y por lo tanto no hay que descuidarlo.

2. La mayoría de los sitios sobrecargados con información innecesaria, scripts pesados y otras cosas no son buenos para atraer tráfico, la mayoría de éstos usuarios pueden no ingresar pensando que el sitio está sobrecargado o bien que no está disponible.

Consejos:

Recuerda siempre tener en cuenta el rendimiento del blog, muchas veces cuando queremos tener un estilo llamativo se nos pasa la mano y descuidamos este aspecto. Si usas scripts puedes ver la forma de sustituir sus funciones mediante un sistema alternativo y no recurras mucho a scripts de terceros que pesen demasiado y su funcionalidad sea limitada.

Puedes leer también:Consejos para acelerar la carga del blog

Donate Old Cars to Charity alcohol rehab center in florida Nunavut culture Asbestos Lung Cancer mesothelioma attorney directory NUNAVUT CULTURE Cheap Auto Insurance in VA Donate your Car for Money Annuity Settlements Donate cars Illinois mesothelioma attorney illinois Make money online Australia structured annuity settlement Asbestos Lawyers accident attorney orange county Best social media platforms for business Service business software Seo company donate car for tax credit mesothelioma attorney Criminal defense lawyer best mesothelioma lawyers motorcycle accident attorney chicago caraccidentlawyer How to Donate A Car in California Mesothelioma Law Firm personal accident attorney Html email HARDDRIVE DATA RECOVERY SERVICES uk homeowner loans LOW CREDIT LINE CREDIT CARDS domains yahoo Cheap auto insurance in VA Best Seo company Online casino Casino Mobile casino firm law mesothelioma ASBESTOS LAWYERS buyers of structured settlements Seo companies Business finance group lawsuit mesothelioma Hire php developer structured settlement annuity companies Christmas cards criminal defense federal lawyer georgia truck accident lawyer mesothelioma attorney florida anti spam appliance Psychic for free Hire php programmers Casino reviews fortis health insurance temporary Massage School Dallas Texas Live casino donating used cars to charity Car Insurance Quotes Utah Social media tools harddrive data recovery services HOLLAND MICHIGAN COLLEGE DUI lawyer Hire php developers WORLD TRADE CENTER FOOTAGE Criminal lawyer Miami Learning adobe illustrator Criminal lawyer motorcycle lawyer los angeles donate old cars to charity Forensics Online Course Register Free Domains Dwi lawyer PAPERPORT PROMOTIONAL CODE Cheap Domain Registration Hosting Nunavut Culture criminal defense attorneys florida Social media platforms for business Motor Replacements small business administration sba car donate mesothelioma attorney assistance Better conferencing calls Cheap Car Insurance in Virginia FUTURISTIC ARCHITECTURE car insurance quotes mn Adobe illustrator classes Php programmers for hire att call conference Bankruptcy lawyer Computer science classes online Php programmers Best social media platforms Custom WordPress theme designer mesotheolima PHD on Counseling Education New social media platforms dui lawyer scottsdale Online Classes motor insurance quotes car insurance quotes pa better conferencing calls WordPress theme designers Personal Injury Law Firm Italian cooking school houston tx auto insurance mesothelioma claims Donating used cars to charity PSYCHIC FOR FREE Cheap car insurance for ladies Seo services mesothelioma suit Dallas Mesothelioma Attorneys Life Insurance Co Lincoln anti spam exchange server Business management software

Usar JW Player en Blogger – Registros – Motor – Negocios

Damian 18:48 HTML y Javascript, Recursos Blog, Tutoriales Blogger

JW Player es un reproductor alternativo de vídeos, música, imágenes, etc con el que podremos hacer embed de contenido multimedia de manera sencilla. Es un reproductor skinneable, permite plugins y además es OpenSource.

Puedes ver este espectacular reproductor multimedia trabajando mediante el siguiente ejemplo:

Texto para reemplazar

El Tutorial:

Paso 1: Instalando el script del reproductor:

En "Diseño | Edición HTML" deberás buscar la siguiente línea:

/head

Sobre ésta pega el siguiente código:

script src="http://archivos.ayuda-bloggers.info/Scripts%20Recuperados/JS%20Player/jwplayer.js" type="text/javascript"
/script

Guarda los cambios y listo.

Paso 2: Insertando un vídeo, imagen u otro archivo multimedia:

Ahora en la "Edición de HTML" de una entrada deberás pegar el siguiente código:

div id="mediaspace"
Texto para reemplazar/div
script type="text/javascript"
jwplayer('mediaspace').setup({
'flashplayer': 'http://archivos.ayuda-bloggers.info/Scripts%20Recuperados/JS%20Player/player.swf,
'file': 'URL-ARCHIVO',
'controlbar': 'bottom',
'width': '470',
'height': '320'
});
/script

Reemplaza el texto destacado por el documento que deseas insertar en el reproductor y previsualiza los cambios para comprobar si está funcionando correctamente.

Para aumentar o disminuir el tamaño del reproductor edita los valores width y height por el ancho y el alto respectivamente.

Extra: Otras configuraciones:

El reproductor como dije anteriormente permite skins, plugins, etc. Para obtener un código elaborado para distintas configuraciones puedes utilizar elasistente de configuración de JW Player el cual es muy sencillo de utilizar.

También puedes visitar los siguientes enlaces para obtener material gratuito para este reproductor:

Visita la página oficial de JW Playeraquí.

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 Jet Mundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,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,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,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

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

Criminal lawyer Holland Michigan College workplace accident attorney asterisk call center software Online casino Home phone internet bundle domain yahoo Casino DONATE CARS ILLINOIS Php programmers sell structured settlement calculator Psychic for Free Criminal defense attorneys Florida Hire php programmers mesothelioma cases buying structured settlements WebEx costs mesothelioma lawyer houston Hard drive Data Recovery Services Mobile casino CAR INSURANCE QUOTES COLORADO Donate your car for kids motorcycle accident attorney sacramento Make money online Australia tucson car accident attorney Online Stock Trading WordPress hosting Live casino Mortgage Adviser Auto Mobile Insurance Quote VIRTUAL DATA ROOMS Donating a car in Maryland Dwi lawyer Casino reviews DUI lawyer Criminal defense lawyer Royalty Free Images Stock Automobile Accident Attorney Criminal Defense Attorneys Florida Computer science classes online low credit line credit cards Psd to WordPress event management security Car Insurance Quotes Utah Hire php developers car accident lawyers Html email Best social media platforms for business mesothelioma attorney LIFE INSURANCE CO LINCOLN Cheap Car Insurance in Virginia mesothelioma attorney illinois mesothelioma lawyer chicago lease management software Donating Used Cars to Charity Service business software Social media tools Proud Italian cook Email Bulk Service miami personal injury lawyer Asbestos Lung Cancer mesothelioma lawyer texas Best social media platforms Php programmers for hire Italian cooking school boca raton personal injury attorney harddrive data recovery services Donate Your Car Sacramento Hire php developer workers compensation lawyer los angeles mesothelioma information PAPERPORT PROMOTIONAL CODE WordPress theme designers phd in counseling education Bankruptcy lawyer Insurance Companies Structures Annuity Settlement Custom WordPress theme designer DALLAS MESOTHELIOMA ATTORNEYS HOW TO DONATE A CAR IN CALIFORNIA DONATING A CAR IN MARYLAND structured settlement sell Online Christmas cards Car insurance in South Dakota Seo companies Seo services New social media platforms Business finance group Social media platforms for business Learning adobe illustrator cell cycle regulation ppt Best Seo company Car Insurance Quotes MN Donate your car for money student loan consolidation program Dedicated Hosting Dedicated Server Hosting mesothelioma litigation Social media campaigns How to Donate A Car in California Social media strategies CHEAP CAR INSURANCE IN VIRGINIA Tech school Business management software structured settlement annuity companies Car Accident Lawyers Donate a car in Maryland Seo company business voip solutions motor insurance quotes Custom Christmas cards Neuson Photo Christmas cards buy gift card Psychic for free SELL ANNUITY PAYMENT

Crear una plantilla desde cero para Blogger: Parte 2 - Definiendo los contenedores – Registros – Donate – Virginia

Damian 18:38 CSS, Recursos Blog, Tutoriales Blogger

Ya vimos laprimera parte de este extenso tutorial, en la cual hablamos de la estructura básica de la plantilla, y establecimos todas las variables necesarias para darles la funcionalidad a todos los elementos. En esta parte empezaremos a darle la forma necesaria al blog mediante CSS.

En laparte 1 del tutorial expliqué que cada bloque (Contenedor) poseía un ID o una Class, ahora procederemos a darle los atributos correspondientes.

Parte 1: Cómo usar CSS en Blogger:

Si sabes cómo usar CSS omite este paso.

La zona CSS en Blogger se encuentra entreb:skin y/b:skin, aplicaremos los estilos dentro de estos códigos de la siguiente forma:

Para los IDs:

#nombre-contenedor {
/* atributos acá */
}

Para las Class:

.nombre-contenedor {
/* atributos acá */
}

Para etiquetas normales (Ejemplo body):

body {
/* atributos acá */
}

Si quieres usar una etiqueta específica de un bloque deberás hacerlo de la siguiente forma (Ejemplo etiqueta h3):

Para los IDs:

#nombre-contenedor h3 {
/* atributos acá */
}

Para las Class:

.nombre-contenedor h3 {
/* atributos acá */
}

Etiquetas dentro de etiquetas (Ejemplo span dentro de un div):

div span {
/* atributos acá */
}

Ahora que ya tienes claro esto, podemos empezar a crear una plantilla 100% personalizada.

Paso 2: Tamaños, flotaciones y márgenes obligatorios:

En el primer tutorial vimos que la plantilla quedó de la siguiente forma:

Ahora nos toca definir valores iniciales para darle una forma lógica a la plantilla. Para ello he creado un esquema el que usaremos como base:

En el esquema anterior no aparece el content-wrapper ya que incluye el main-wrapper, el footer-wrapper y el sidebar-wrapper pero igual lo incluiremos en el código con un ancho de 940px al igual que el header-wrapper.

Para darle un orden y sentido es necesario utilizar márgenes, anchos y flotaciones, las cuales se hacen con los siguientes valores:

margin: Para los márgenes (En px o em)
width: Ancho (En px, em o porcentajes)
float: Flotación (Izquierda o derecha)

Lo haremos con cada uno de los IDs que consideremos necesarios y aplicaremos algunas correcciones para que podamos tener la estructura de la plantilla de manera correcta. En el siguiente código dejo un ejemplo con comentarios para que entiendan mas o menos cómo es la estructura de la plantilla en CSS:

/*Elementos Básicos*/
body {
background:#f5f5f5;
font-family: Century Gothic, sans-serif;
margin:0;
padding:0;
height:100%;
}

a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

h1,h2,h3,h4,h5,h6 {
line-height:1.5em;
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
.clearfooter {
height: 330px;
clear: both;
}

/*Cabecera*/
#header-wrapper {
overflow:hidden;
width:940px;
color:#fff;
margin:auto;
margin-top:-10px;
margin-bottom:10px;
height:100px;
background:#222;
}

#header-wrapper h1 a {
margin-left:50px;
color:#fff;
font-size:50px;
text-decoration:none;
}

/*Contenedor general*/
#content-wrapper {
width:940px;
margin:0 auto;
min-height:100%;
height:100%;

}
/*Sidebar, derecha*/
#sidebar-wrapper {
width:28%;
padding:10px;
background:#985050;
color:#fff;
float:right;
}

/*Principal, izquierda*/
#main-wrapper {
color:#fff;
width:63%;
padding:15px;
margin:auto;
margin-right:10px;
background:#2a80b1;
float:left;
}

/*Footer*/
#footer-wrapper {
position: relative;
margin:0px auto;
width:940px;
background:#787878;
height:60px;
color:#fff;
}

#footer {
margin:0px auto;
width:800px;
text-align:center;
}

/*Entradas*/
.post {
background:#fff;
color:#222;
padding:10px;
font-size:13px;
}

/*Título entradas*/
.post h3 {
font-size:24px;
margin:0;
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
text-align:center;
}
/*Enlaces de las entradas*/
.post a {
color:#222;
}
/*Cuerpo de la entrada*/
.post-body {
margin-top:10px;
}

/*Pié de las entradas*/
.post-footer {
padding:5px;
border-top:1px solid #c0c0c0;
}

/*Ocultando la fecha gigante arriba de las entradas*/
.date-outer h2 {
display:none;
}
/*Títulos de los gadgets de la sidebar, este código aún es necesario ya que aún no existe una sidebar*/
.sidebar h2 {
font-size:16px;
text-align:center;
}

Como se puede apreciar, el código no sólo incluye los atributos mencionados anteriormente, sino que es para formar un layout simple, si lo insertas en tu zona CSS verás que el blog tomará forma y además tendrá atributos en distintas zonas, la plantilla se verá muy similar a esto:

Ya con esto es posible y es más sencillo empezar a diseñar nuestras propias plantillas, ya que entendemos cuáles son las secciones y cómo las afectan cada atributo.

Paso 3: Incluyendo la sidebar:

En el código de la parte 1 del tutorial no incluí una sidebar ya que es un tema que consideré que debía tratarse por separado.

Para incluir una sidebar basta con agregar el siguiente código después de div id='sidebar-wrapper':

b:section class='sidebar' id='sidebar' preferred='yes'
/b:section

Importante: Al código de la plantilla delprimer tutorial se le ha aplicado un fix para el footer, así que es importante que actualices el código por el nuevo que publiqué.

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 Jet Mundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,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,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,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

ANNUITY SETTLEMENT Mobile casino email bulk service Casino Car Insurance Companies Hire php developers business administration masters Seo companies Computer science classes online Annuity Settlements Online casino Social media management WordPress theme designers cheap auto insurance in va Asbestos Lung Cancer mesothelioma lawyer houston PHD on Counseling Education How to Donate A Car in California mesothelioma attorneys Donate Your Car for Kids Proud Italian cook DUI lawyer CAR INSURANCE QUOTES UTAH Service business software Bankruptcy lawyer Register Free Domains Hire php programmers AUTO ACCIDENT ATTORNEY bus accident attorneys car accident lawyers most profitable internet business los angeles motorcycle accident lawyer Online Classes Auto Mobile Insurance Quote Criminal defense attorneys Florida motorcycle lawyer los angeles Social media strategies Hire php developer miami personal injury attorney Mesothelioma Law Firm Massage school Dallas Texas Online Christmas cards Make money online Australia mesothelioma attorneys california buying an annuity calculator FORENSICS ONLINE COURSE DONATE YOUR CAR FOR MONEY Live casino Casino reviews refinance with poor credit Seo company Cheap domain registration hosting Hard drive Data Recovery Services LOW CREDIT LINE CREDIT CARDS Psd to html Html email Psychic for Free Nunavut Culture alcohol rehab center in florida Online Motor Insurance Quotes Social media examiner Online Criminal Justice Degree CRIMINAL DEFENSE ATTORNEYS FLORIDA dallas mesothelioma attorneys firm law mesothelioma Structures Annuity Settlement ONLINECLASSES Attorney Personal Injury Law Firm CAR INSURANCE QUOTES MN DONATE YOUR CAR SACRAMENTO Car insurance quotes MN mesotheloma Donate your car for money Best Seo company Asbestos Lawyers DONATE A CAR IN MARYLAND mesothelioma charities Dwi lawyer Paperport promotional code uk homeowner loans register free domains Criminal lawyer Criminal Defense Attorneys Florida google adsense Italian cooking school structured settlement purchasers boca raton personal injury attorney Criminal defense lawyer Donating Used Cars to Charity Php programmers for hire injury attorney baton rouge Donate Car for Tax Credit Donate a Car in Maryland adverse remortgage Donate Your Car Sacramento DAYTON FREIGHT LINES MESOTHELIOMA LAW FIRM arizona auto accident attorney Best Criminal Lawyers in Arizona utah mesothelioma lawyer mesothelioma lawsuits buyer of structured settlement annuity motorcycle accident attorney chicago Mortgage adviser offshore accident lawyer Email bulk service Christmas cards Php programmers Business finance group Photo Christmas cards donating used cars to charity how to donate a car in california Best social media platforms for business Online motor insurance quotes

Categories