Cosas Para Blogueros: Trucos

Mostrando entradas con la etiqueta Trucos. Mostrar todas las entradas

Insertar imágenes y vídeos en los comentarios de Blogger – Forex – Asesor

¿Te ha pasado que quieres decir algo pero las palabras no son suficientes? A veces eso pasa cuando queremos comentar algo en algún blog, quizá un meme pueda resumir nuestra opinión, o un video pueda complementar nuestro comentario. Por desgracia el formulario de comentarios de Blogger no incluye la opción de subir fotos o incrustar vídeos, pero que Blogger no lo habilite no significa que no se pueda.

Lo que veremos en esta entrada es justamente eso,cómo insertar imágenes y vídeos en los comentarios del blog de una manera tan sencilla que sólo requiere de un paso.
El método que usaremos es similar a lo que hacemos cuando agregamos emoticons en los comentarios, de manera que lo que escribimos en el comentario se reemplaza por otro código, en este caso por el HTML necesario para mostrar las imágenes y los vídeos.

Puedes verlo funcionando enen este blog de pruebas.
Para insertar una imagen usa este código:

[img]URL de la imagen[/img]

Para insertar un video de YouTube o Vimeo usa este código:

[video]URL del video[/video]

Asombroso, ¿no? Y tal como lo prometí, la instalación es de un solo paso. Únicamente entra enPlantilla | Edición de HTML y antes de/body pega lo siguiente:

script
//![CDATA[
// Insertar imágenes y videos en los comentarios (ciudadblogger.com)
function InsertarImagenVideo(id) {
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\*)\[\/img\]/ig, "img class='img-comentarios' src='$1'\/");
sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'\/iframe");
sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'\/iframe");
sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'\/iframe");
sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'\/iframe");
document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder');
//
/script
style
!--
#comment-holder .img-comentarios, #comment-holder i[rel="image"] {
max-width: 450px;/* Ancho máximo de las imágenes */
width: auto;
height: auto;
display: block;
border: 5px solid #FFF;/* Borde de las imágenes */
margin: 0 auto;
padding: 0;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);/* Sombra de las imágenes */
}
#comment-holder .vid-comentarios {
width: 450px;/* Ancho del video */
height: 253px;/* Alto dle video */
display: block;
margin: 0 auto;
padding: 0;
border: 5px solid #FFF;/* Borde del video */
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);/* Sombra del video */
}
--
/style

Debajo del script verás que también hemos colocado unos estilos, estos estilos son para darle un poco de personalización a las imágenes y a los vídeos que se mostrarán en los comentarios, como el borde, la sombra, y el tamaño. En colorverde se especifica a qué corresponde cada una de esas áreas. Por supuesto puedes añadir más estilos si lo deseas.

Para que tus lectores sepan que pueden agregar imágenes y vídeos puedes poner un aviso de ello, esto puedes hacerlo desdeConfiguración | Entradas y comentarios | Mensaje del formulario de comentarios.

Cómo insertar imágenes y videos
En el caso de las imágenes, tú y los comentaristas deberán usar este código:

[img]URL de la imagen[/img]

Y en el caso de los vídeos, tanto de YouTube o Vimeo se usará este código:

[video]URL del video[/video]

En ambos casos deberás poner la URL de la imagen (o el video) donde corresponde.

Cómo obtener la URL de los videos

En YouTube puedes copiar la URL que aparece en la barra de direcciones del navegador cuando te encuentres viendo un video.
También puedes usar la URL que aparece en "Comparte este video".
O también puedes copiar la URL que aparece en el código de inserción dentro de "Insertar vínculo".
Todas estas URLs son válidas para usarse en los comentarios:

https://www.youtube.com/watch?v=GfxAEl15pDs

http://youtu.be/GfxAEl15pDs

https://www.youtube.com/embed/GfxAEl15pDs

Es decir, las que tienen el términowatch, las que tienen el acortadoryoutu.be, y las que incluyen el términoembed. Cualquiera de ellas funcionará.

Consideraciones finales.

Este método es únicamente para plantillas que tengan comentarios anidados, o sea, con opción de "Responder". Si tu blog no tiene la opción de "Responder" no funcionará.
Es necesario que los comentarios se muestren debajo de la entrada, y no en ventana emergente, página completa, etc.
Se admiten todos los formatos de imágenes convencionales (JPG, PNG, GIF).
En el caso de los vídeos se aceptan vídeos de YouTube y Vimeo.
Ten en cuenta que la inclusión de imágenes y vídeos en los comentarios pueden reducir la velocidad de carga del blog.

Este tipo de trucos puede resultar muy atractivo y útil en muchos blogs, pero siempre con moderación para no abusar con el número de imágenes y vídeos que podrían ralentizar la carga. Si se le da un buen uso, este tipo de opciones podría mejorar la experiencia del lector al momento de interactuar con el autor y con los demás comentaristas del blog.

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

seattle mesothelioma lawyer Car insurance quotes MN Royalty Free Images Stock Donate a Car in Maryland Mobile casino Learning adobe illustrator motorcycle accident attorney chicago Business finance group houston motorcycle accident lawyer Online casino better conferencing calls Donate your car for kids Custom WordPress theme designer Personal Injury Lawyers Asbestos Lawyers Hire php developers Donating Used Cars to Charity mesothelioma attorney directory personal injury firm Paperport Promotional Code DALLAS MESOTHELIOMA ATTORNEYS WordPress hosting Php programmers Casino Hire php programmers Email Bulk Service structured settlement blog Donate your Car for Money Dwi lawyer structured settlement cash out Insurance Companies accident attorney in los angeles webex costs DAYTON FREIGHT LINES Social media platforms for business mesothelioma attorney Forensics online course Donate Car To Charity CALIFORNIA baltimore mesothelioma attorneys Make money online Australia georgia truck accident lawyer tennessee mesothelioma lawyer refinance with bad credit hughes net business Hire php developer Automobile Accident Attorney donate old cars to charity domains yahoo Met Auto illinois law lemon Best Criminal Lawyers in Arizona chicago hair laser removal Casino reviews Live casino Online motor insurance quotes Donating used cars to charity DUI lawyer cash out structured settlement Service business software car crash attorneys Donating a Car in Maryland Car insurance quotes Utah VIRTUAL DATA ROOMS Donate Cars Illinois LOW CREDIT LINE CREDIT CARDS structured settlement company Tech school Massage School Dallas Texas Proud Italian cook Criminal defense lawyer Email bulk service Seo services Car Insurance Quotes Colorado Dallas Mesothelioma Attorneys PhD in counseling education Auto Accident Attorney Adobe illustrator classes HOLLAND MICHIGAN COLLEGE HOME PHONE INTERNET BUNDLE mesothelioma attorney florida Criminal lawyer asbestos exposure lawyers Motor Replacements best structured settlement companies Seo companies CHEAP AUTO INSURANCE IN VA Low credit line credit cards Php programmers for hire mesothelioma attorney illinois Insurance fortis health insurance temporary DONATE CAR FOR TAX CREDIT Donate Cars in MA Html email futuristic architecture Bankruptcy lawyer Nunavut Culture Forex Trading Platform Online Christmas cards car insurance quotes DONATE A CAR IN MARYLAND Computer science classes online houston mesothelioma attorney WORLD TRADE CENTER FOOTAGE Best social media platforms for business New social media platforms Motor Insurance Quotes online motor insurance quotes Best social media platforms Donate Car to Charity California personal injury law firm state of california car insurance Best Seo company Best criminal lawyer in Arizona How to donate a car in California

Cambiar el enlace de la cabecera del blog – Hard drive

Damian 7:27 Trucos

Hay quienes crean varios blogs que son parte de un blog principal y desean que al dar click a la cabecera no los dirija a la portada, sino que los lleve a otro blog. Lo que aprenderemos en esta entrada será acambiar el enlace de la cabecera para que abra otra página, ya sea otro blog, una página estática, o cualquier otra dirección.

Por ejemplo, eneste blog de pruebas, si das click en el título del blog abrirá u̶n̶ ̶m̶a̶g̶n̶í̶f̶i̶c̶o̶ ̶y̶ ̶e̶s̶t̶u̶p̶e̶n̶d̶o̶ otro blog.

Para conseguir lo antes mencionado debemos ir aPlantilla | Edición de HTML.
Si el título de tu blog es una imagen busca este código:

div id='header-inner'
aexpr:href='data:blog.homepageUrl' style='display: block'
img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/
/a

Cambia todo lo que está encolor rojo por esto:

href='URL del enlace'

Ahí deberás agregar el link del blog o la página que quieras enlazar.

Si no tuvieras una imagen en la cabecera, o sea, que el título del tu blog sea sólo texto, entonces busca este código:

b:includable id='title'
b:if cond='data:blog.url == data:blog.homepageUrl'
data:title/
b:else/
aexpr:href='data:blog.homepageUrl'data:title//a
/b:if
/b:includable

De igual manera cambia lo que está encolor rojo por esto:

href='URL del enlace'

En el caso de quienes en el título sólo tienen texto, sabrán que cuando se está en la portada el título no tiene enlace, únicamente cuando se entra a un post. Si quisieras que el título de tu blog tenga enlace aun estando en la portada entonces cambia el código anterior por esto:

b:includable id='title'
b:if cond='data:blog.url == data:blog.homepageUrl'
a href='URL del enlace'data:title//a
b:else/
a href='URL del enlace'data:title//a
/b:if
/b:includable

Así de simple podrás cambiar el enlace de la cabecera y hacer que al dar click no muestre la portada del blog, sino que abra otro blog.

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

asbestos exposure lawyers Donating a Car in Maryland Mortgage Adviser car donate Criminal defense lawyer Dayton Freight Lines Mobile casino PhD in counseling education LOW CREDIT LINE CREDIT CARDS Php programmers for hire Donate your car Sacramento mesothelioma attorney directory Online Christmas cards donate your car for money Casino reviews los angeles auto accident attorneys Injury Lawyers Annuity Settlements Dayton freight lines structured settlement buyers Criminal lawyer Miami Live casino accident attorneys orange county WordPress theme designers domain registration yahoo Online casino Casino Donate your car for kids Donate Your Car Sacramento car accident lawyers Make money online Australia Seo companies Donating used cars to charity Bankruptcy lawyer Cheap Car Insurance for Ladies mesothelioma attorney assistance donate your car for kids Criminal lawyer LIFE INSURANCE CO LINCOLN DONATE A CAR IN MARYLAND Nunavut Culture Hire php developers car insurance quotes colorado Social media examiner personal injury firm Car Insurance Quotes Utah Social media tools Seo services forensics online course Donating a car in Maryland Car Insurance Quotes Colorado Adobe illustrator classes personal injury accident lawyer DONATE YOUR CAR SACRAMENTO ANNUITY SETTLEMENT Html email canada personals yahoo Donate car for tax credit WORLD TRADE CENTER FOOTAGE Personal Injury Lawyer DUI lawyer Virtual Data Rooms Business VOIP Solutions Register free domains sell structured settlement calculator asbestos lawyers Massage School Dallas Texas structured settlement purchasers Hire php programmers Low Credit Line Credit Cards Neuson Christmas cards STRUCTURED ANNUITY SETTLEMENT Asbestos Lawyers Dwi lawyer Donate Car to Charity California structured settlement sell Dedicated Hosting Dedicated Server Hosting Psd to WordPress Cheap Car Insurance in Virginia DONATE YOUR CAR FOR MONEY Dallas Mesothelioma Attorneys car insurance quotes New social media platforms Royalty Free Images Stock Service business software Social media management Forensics Online Course ONLINE MOTOR INSURANCE QUOTES Best social media platforms for business mesothelioma claim lawsuit mesothelioma Hire php developer Better Conference Calls orlando criminal attorney car accident lawyer in san diego Hard drive data recovery services Computer science classes online mesothelioma drug st louis mesothelioma attorney Php programmers structured settlement buyer mesothelioma lawyer texas email bulk service mesothelioma law suits chicago hair laser removal DONATE YOUR CAR FOR KIDS paperport promotional code Car Accident Lawyers mesotheliama Donating Used Cars to Charity Business finance group Automobile Accident Attorney Mortgage refinance with bad credit

Añadir información cuando alguien hace copy & paste – Miami – School

Damian 12:23 Trucos

Esta no es una forma deevitar que alguien nos copie contenido del blog, si no deagregar la URL de nuestro blog cuando alguien nos copie el texto de alguna entrada. Por ejemplo, si copias el texto del siguiente párrafo y lo pegas en el recuadro de abajo, aparecerá la URL de esta entrada así como el nombre de este blog.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut augue nibh. Aliquam erat volutpat. Nullam sodales nunc eu euismod convallis. Vivamus ornare placerat ipsum, luctus scelerisque libero vehicula nec. Fusce varius quis leo at facilisis. Quisque nec dolor dui. In sed odio non augue lacinia congue. Curabitur et turpis ante. Integer eu turpis a odio accumsan dignissim. Sed id ornare metus. Sed consequat felis non mi molestie, sit amet.

En este caso verás que el enlace es sólo un texto, pero si quien lo copia lo pegara estando en la pestaña "Redactar" entonces se copiará como un enlace HTML.

Ciertamente quien copie podrá borrar esa información extra que hemos añadido, pero también existe la posibilidad de que la deje, o incluso que agregue una referencia más formal sobre el blog donde lo ha tomado y eso se transforma en más tráfico para el blog.

Tynt ofrece ese servicio desde hace mucho, y adicionalmente ofrece otras características como datos estadísticos. Es una buena alternativa, pero yo soy de los que no le gusta mucho depender de servicios externos, sobre todo si podemos ahorrarnos muchas líneas de código.

Este método usa jQuery para que pueda ser servible en todos los navegadores, y el código es mucho más corto que el que los servicios externos ofrecen.

Para ponerlo en tu blog sólo entra enPlantilla | Edición de HTML y antes de/body agrega lo siguiente:

script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"/script

script
//![CDATA[
// Añadir información extra al hacer copy & paste
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return;
var miblog = document.getElementsByTagName('body')[0];
var seleccionar = window.getSelection();
if (("" + seleccionar).length10) return;
var nuevodiv = document.createElement('div');
nuevodiv.style.position = 'absolute';
nuevodiv.style.left = '-99999px';
miblog.appendChild(nuevodiv);
nuevodiv.appendChild(seleccionar.getRangeAt(0).cloneContents());
if (seleccionar.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
nuevodiv.innerHTML = "pre" + nuevodiv.innerHTML + "/pre";
}
nuevodiv.innerHTML += "br/br/Artículo original: a href='"
+ document.location.href + "'"
+ document.location.href + "/abr/©Nombre de mi blog";
seleccionar.selectAllChildren(nuevodiv);
window.setTimeout(function () { miblog.removeChild(nuevodiv); }, 200);
});
//
/script

Si ya tuvieras jQuery en tu plantilla entonces omite la primera línea. Ahí verás dónde cambiar el nombre de tu blog, y si lo deseas también puedes cambiar el texto que dice "Artículo original:", puedes ponerle "Más información en:" o lo que gustes.

El script tiene una condición, para cuando el texto que se copie sea muy corto entonces no se ejecute, por ejemplo, habrá quien sólo quiera copiar una palabra o dos, ahí no vale la pena mostrar la información de referencia ya que no está copiando como tal el contenido de tu entrada. Esta condición está determinada por el número de caracteres que se copien, que por defecto la hemos puesto en10 ese valor lo puedes modificar por uno más alto o uno más corto.

Vía | JitBit

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

Psd to WordPress HOME PHONE INTERNET BUNDLE Psychic for Free Computer science classes online Online casino Better Conference Calls Mortgage Adviser Data Recovery Raid DONATE YOUR CAR FOR MONEY Best Seo company Proud Italian cook paperport promotional code Mortgage HARDDRIVE DATA RECOVERY SERVICES WordPress themes for designers Annuity Settlements asbestos mesothelioma lawsuit cheap domain registration hosting DONATE CARS IN MA Seo companies small business administration sba domains yahoo Casino reviews Casino Car Insurance in South Dakota Make money online Australia DALLAS MESOTHELIOMA ATTORNEYS HOW TO DONATE A CAR IN CALIFORNIA Seo services Mobile casino Car Insurance Companies Email bulk service structured settlements companies Home Phone Internet Bundle FUTURISTIC ARCHITECTURE Donating Used Cars to Charity Hire php developers broward county dui lawyer car insurance quotes mn PHD on Counseling Education DUI lawyer Cheap car insurance for ladies mesotheolima Webex Costs earthlink business internet Social media examiner mesothelioma charities Donate Your Car Sacramento bus accident attorney los angeles auto accident lawyer san francisco ANNUITY SETTLEMENT Hire php programmers pharmacist jobs in chicago illinois mesothelioma lawyer Seo company Dwi lawyer Car Insurance Quotes MN Futuristic architecture adverse remortgage Php programmers for hire Adobe illustrator classes Automobile Accident Attorney Live casino Best criminal lawyer in Arizona Met Auto mesothelioma survival rates semi truck accident lawyers PAPERPORT PROMOTIONAL CODE accident attorney san bernardino personal injury firm Met auto Donating a car in Maryland Bankruptcy lawyer Social media management Tech school harddrive data recovery services Best Criminal Lawyers in Arizona Life insurance co Lincoln CHEAP AUTO INSURANCE IN VA mesotheloma Car Insurance Quotes mesothelioma attorney florida Nunavut culture Home phone internet bundle MASSAGE SCHOOL DALLAS TEXAS car insurance companies Business finance group Online Classes mesothelioma lawyer asbestos cancer lawsuit structured settlements annuities EMAIL BULK SERVICE Criminal Defense Attorneys Florida Dallas mesothelioma attorneys cash out structured settlement Custom Christmas cards mesothelioma settlements amounts Criminal lawyer Service business software mesothelioma suit Criminal defense lawyer Social media platforms for business saskatchewan auto insurance Hire php developer workers compensation lawyer los angeles Donate old cars to charity asbestos lawyers Donate Old Cars to Charity Php programmers motorcycle accident lawyer california Donating a Car in Maryland World Trade Center Footage california mesothelioma attorney la personal injury lawyer Car insurance quotes pa Insurance

Cómo poner iconos en las pestañas del menú de Páginas – Domains

Damian 9:51 Menús, Trucos

Muchas veces sentimos la necesidad deañadir iconos a los enlaces para identificar de una mejor manera el tipo de contenido al que dirige dicho enlace. En la mayoría de los menús esto no es problema pues basta con añadir el código de la imagen antes del nombre de la pestaña, pero con el gadget de Páginas se dificulta un poco ya que el código del gadget no es el tradicional de un menú HTML sino que contiene una serie de códigos propios de Blogger, así que añadir imágenes -diferentes- directamente en el HTML es imposible.

Pero eso no significa que no podamos buscar formas alternas de hacerlo, y es justo lo que haremos en esta entrada, vamos a ver cómoponer un ícono diferente en cada pestaña del menú de Páginas, y para ello usaremos CSS, específicamente los selectores :nth-child() y ::before
De esta manera conseguiremos que cada una de las pestañas de nuestro gadget de Páginas tenga un ícono diferente antes del nombre de la pestaña.

Conseguir lo anterior es mucho más fácil de lo que se piensa. Sólo tienes que entrar aPlantilla | Edición de HTML y añadir antes de/b:skin lo siguiente:

#PageList1 li:nth-child(1):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(2):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(3):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(4):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}

En estos estilos CSS verás unos números, cada número representa cada pestaña de tu menú, siendo que el1 es la primera pestaña, el2 la segunda, etc. Toma en cuenta que la primera pestaña habitualmente es laPágina Principal, así que la segunda pestaña pertenece a la primera página de tu menú.

En el código deberás cambiar la URL de la imagen donde se indica encolor rojo.

La distancia entre el ícono y el texto se modifica enpadding-right.

Contop podrás controlar la distancia desde arriba, esto es para que puedas alinear la imagen verticalmente. Yo he puesto que el ícono se desplace 3px desde arriba, pero puede variar según el tamaño del ícono que pongas, ahí deberás jugar con el valor detop incluso pudiendo usar un valor negativo para subir la imagen, por ejemplo -3px

El código es para las primeras cuatro pestañas de tu menú, si tuvieras más pestañas entonces sólo añade un trozo de código como este por cada pestaña a la que le quieras agregar un icono.

#PageList1 li:nth-child(5):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}

Por cada código que agregues deberás cambiar el número5 por el correspondiente:6,7,8, etc.

Así de fácil y sencillo podráspersonalizar más el gadget de Páginas usando iconos que ayuden al reconocimiento visual de las pestañas.

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

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

automobile accident attorney car insurance quotes colorado mesothelioma litigation california mesothelioma attorney Christmas cards mesothelioma lawyer texas mesothelioma law firms Dayton Freight Lines Php programmers for hire Make money online Australia cloud identity and access management DONATE YOUR CAR SACRAMENTO MORTGAGE ADVISER Asbestos Lawyers personal injury solicitor structured settlement company boulder personal injury lawyers alabama mesothelioma lawyer Php programmers Social media campaigns PAPERPORT PROMOTIONAL CODE DUI lawyer bus accident attorney los angeles Online casino Casino best accident attorneys Mobile casino Criminal defense lawyer Casino reviews Better conferencing calls Best social media platforms for business dallas mesothelioma attorneys ONLINE COLLEDGES Futuristic Architecture Best criminal lawyer in Arizona DONATE CARS ILLINOIS buying an annuity calculator la personal injury lawyer student loan consolidation program Service business software onlineclasses mesothelioma trial attorney motorcycle lawyer los angeles Psd to html Seo company integrated ehr Dwi lawyer Motor Replacements Live casino Nunavut Culture car insurance quotes mn best criminal lawyer in arizona Hire php developers Automobile Accident Attorney Social media platforms for business fast cash for house Custom WordPress theme designer STRUCTURED ANNUITY SETTLEMENT Donate cars Illinois mesothelioma lawyer dallas Criminal lawyer tucson car accident attorney Hire php programmers mesothelioma Best social media platforms Hard drive Data Recovery Services Asbestos Lung Cancer Register Free Domains Psd to WordPress car insurance companies seattle mesothelioma lawyer Online Criminal Justice Degree EMAIL BULK SERVICE DONATE CAR FOR TAX CREDIT Criminal Defense Attorneys Florida Hire php developer Donate a Car in Maryland Bankruptcy lawyer business voip solutions mesothelioma charities Computer science classes online MASSAGE SCHOOL DALLAS TEXAS Best Seo company structured settlemen Mesothelioma Law Firm Seo companies Seo services CHEAP DOMAIN REGISTRATION HOSTING data recovery raid selling annuity payments for cash buyer of structured settlement annuity WebEx costs Custom Christmas cards motorcycle accident lawyer california Personal Injury Lawyers Car Insurance Quotes MN life insurance quotes New social media platforms Met auto asbestos lung cancer NUNAVUT CULTURE Business finance group Dallas Mesothelioma Attorneys att call conference california motorcycle accident lawyer injury lawyer houston tx Business VOIP Solutions better conferencing calls WordPress themes for designers VIRTUAL DATA ROOMS asterisk call center software maritime lawyer houston lawsuit mesothelioma Business management software sell structured settlement calculator

4 maneras de poner un spoiler en el blog – Register – Phone

Damian 18:31 Trucos

Los spoilers sirven para ocultar cierto contenido de una entrada del blog, ya sea por estrategia o por estética, estos spoilers ocultan contenido y lo muestran sólo cuando el usuario lo solicita.
En esta entrada veremos4 métodos para poner un spoiler y así puedas elegir el método que más se adapte a tus necesidades.

Spoiler sólo con CSS

Con este método usaremos las bondades del CSS sin tener que recurrir a scripts, sólo CSS y nada más. Pero, tiene dos desventajas, la primera es que se necesitan dos botones, uno para mostrar el contenido y otro para ocultarlo. El otro inconveniente es que al mostrar el contenido la página hace un pequeño scroll hasta posicionar la página donde esté el contenido.

Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam.

El código que usarías en tus entradas para este tipo de spoiler con CSS sería el siguiente:

input onclick="window.location='#mostrar1';" type="button" value="Mostrar"/
input onclick="window.location='#';" type="button" value="Ocultar" /
div id="spoiler1"
div id="mostrar1"

...Aquí el contenido que quieres ocultar...

/div
/div
style
#spoiler1 div {display: none;}
#spoiler1 div:target {display: block;}
/style

En color rojo debes poner el contenido que estará oculto. Lo que está en color azul lo debes cambiar cada vez que agregues un spoiler, por ejemplo, si agregas uno más cambiaspoiler1 porspoiler2 ymostrar1 pormostrar2

Spoiler usando Javascript

Este tipo de spoiler es similar alspoiler que vimos hace algunos años, sólo que ligeramente modificado. Su uso requiere Javascript, muy poco en realidad. Básicamente hace lo mismo que el spoiler con CSS pero llamando los estilos con Javascript.

input type="button" onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''; this.value = 'Ocultar'; }else{document.getElementById('spoiler1') .style.display='none';this.value = 'Mostrar'; }" value="Mostrar"/div id="spoiler1" style="display:none"

...Aquí el contenido que quieres ocultar...

/div

De igual forma deberás cambiar el IDspoiler1 (todas las veces que aparece) cada vez que quieras añadir uno nuevo.

Spoiler usando Scriptaculous

Este método ya lo vimos alguna vez en el post "expandir y contraer partes de una entrada". Éste a diferencia de los anteriores muestra el contenido oculto con un efecto deslizante, dándole un toque más atractivo.

Para usarlo necesitamos tener Scriptaculous, si aún no lo tienes agrégalo antes de/head

script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'/
script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'/

Y cuando quieras poner el spoiler en una entrada usa este código:

input onclick='Effect.toggle("spoiler1","slide"); return false' type='button' value='Mostrar'/div id='spoiler1' style='display: none;'

...Aquí el contenido que quieres ocultar...

/div

En este caso también deberás cambiar las partes en azul siempre que quieras añadir más.

Spoiler usando jQuery

Por último vamos a ver cómo ocultar contenido con jQuery, con el cual también podremos conseguir un efecto deslizante al mostrar u ocultar el contenido del spoiler.

Si no tienes jQuery ponlo después dehead

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/

Y en tu entrada usa este código cada vez que quieras poner tu spoiler:

input type="button" id="spoiler1" value="Mostrar"/
div class="mostrar1" style="display: none;"

...Aquí el contenido que quieres ocultar...

/div
scriptjQuery.noConflict();jQuery(document).ready(function(){jQuery('#spoiler1').click(function(){jQuery('.mostrar1').slideToggle("slow");});});/script

Aquí otra vez hay que cambiar lo que está en azul cada vez que quieras añadir uno nuevo, por ejemplospoiler1 porspoiler2 ymostrar1 pormostrar2

Y así de sencillo puedesocultar contenido en las entradas de tu blog, incluso en un gadget HTML/Javascript y como puedes ver son códigos super cortos y sencillos de aplicar. El contenido que puedes poner para ocultar puede ser el que sea, una imagen, texto, un reproductor, videos, etc., etc.

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 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

Donate your Car for Money Social media campaigns Donate Car to Charity California auto insurance cost by state business administration masters Donate Cars in MA ONLINE COLLEDGES Online casino DONATE YOUR CAR FOR KIDS Home Phone Internet Bundle Low Credit Line Credit Cards state of california car insurance REGISTER FREE DOMAINS Service business software Casino cell cycle regulation ppt HARDDRIVE DATA RECOVERY SERVICES hair removal washington dc Gas/Electricity best mesothelioma lawyers Casino reviews mesothelioma settlement amounts Seo services la personal injury lawyer Social media platforms for business Nunavut Culture miami personal injury attorney Life Insurance Co Lincoln Mesothelioma Law Firm Live casino Mobile casino DUI lawyer Personal Injury Law Firm accident car florida lawyer wisconsin mesothelioma attorney supportpeachtreecom Car Accident Lawyers Register Free Domains Massage school Dallas Texas Mortgage Adviser home phone internet bundle Donating a Car in Maryland mesothelioma settlements amounts Make money online Australia online colledges Criminal lawyer Donate your car for kids business email web hosting mesothelioma attorney earthlink business internet buy gift card Dedicated Hosting Dedicated Server Hosting Best social media platforms for business DALLAS MESOTHELIOMA ATTORNEYS Donate Your Car for Kids WordPress theme designers PAPERPORT PROMOTIONAL CODE Motor Insurance Quotes best accident attorneys colorado mesothelioma lawyers cash out structured settlement Auto Mobile Shipping Quote Hire php developer car insurance companies online criminal justice degree small business administration sba donate your car for kids lawsuit mesothelioma FORENSICS ONLINE COURSE Car Insurance Quotes PA Hire php developers Hire php programmers Car Insurance Quotes Colorado Dayton freight lines selling annuity payments for cash DONATE A CAR IN MARYLAND injury lawyers CHEAP DOMAIN REGISTRATION HOSTING boulder personal injury lawyers Dwi lawyer asbestos exposure lawyers WORLD TRADE CENTER FOOTAGE See more at http//wwwginfostopnet/ cheap domain registration hosting alcohol rehab center in florida Custom Christmas cards Donate Cars Illinois PHD on Counseling Education Christmas cards Criminal defense lawyer World trade center footage mortgage adviser low credit line credit cards DONATING A CAR IN MARYLAND google affiliate mesothelioma lawyers san diego mesothelioma attorney florida mesothelioma attorney california Php programmers for hire Royalty Free Images Stock Donating Used Cars to Charity asterisk call center software Bankruptcy lawyer Computer science classes online Php programmers structured settlement annuity companies Seo companies New social media platforms Best Seo company Asbestos Lawyers Dallas Mesothelioma Attorneys Business finance group Seo company CRIMINAL DEFENSE ATTORNEYS FLORIDA Photo Christmas cards

Expandir y contraer gadgets con jQuery – Motor – Lawyers – Credito

Damian 16:52 Gadgets, Trucos

Hace ya algún tiempo vimos cómoexpandir y contraer gadgets usando Scriptaculous y Prototype, es un método que funciona bien, pero hay quienes usan jQuery y no quieren cargar más librerías en su blog, así que en esta entrada veremos cómo conseguir el mismo resultado pero usando jQuery.

Expandir y contraer gadgets puede servir a quienes tienen muchos gadgets y quieren que la sidebar se vea más despejada mostrando sólo los títulos de los gadgets, y mostrando el contenido sólo cuando el usuario quiera verlo. Puedes ver un ejemplo eneste blog de pruebas, al dar click sobre el título del gadget éste se expandirá.

Para poner estos gadgets expandibles sólo necesitas jQuery, si aún no lo tienes entra enPlantilla | Edición de HTML, y después dehead agrega esta línea:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/

Y ahora, para aplicar el efecto expandible -y deslizante- a algún gadget, localiza en laEdición de HTML el gadget al que se lo quieres aplicar. Por ejemplo, un gadget del tipoHTML/Javascript sería así:

b:widget id='HTML1' locked='false' title='Título del gadget' type='HTML'
b:includable id='main'
!-- only display title if it's non-empty --
b:if cond='data:title != ""'
h2 class='title'
span id='expandirGadget1' style='cursor:hand;cursor:pointer;'
▼▲
data:title/
/span
/h2
/b:if
div class='widget-content'
div class='expandir1' style='display: none;'

data:content/

/div
script$(document).ready(function(){$('#expandirGadget1').click(function(){$('.expandir1').slideToggle("slow")})});/script
/div
b:include name='quickedit'/
/b:includable
/b:widget

Agrega lo que está en color rojo, y listo.

Para guiarte dónde poner los códigos:

El primer código en rojo va alrededor de la etiqueta data:title/
La otra parte en rojo va después de div class='widget-content'
Y la última va antes de

/div

b:include name='quickedit'/

Nota que en color azul verás un ID y una clase, ambos aparecen dos veces. Si pusieras otrogadget expandible deberás cambiar tanto los IDs como las clases, por ejemploexpandirGadget2 yexpandir2

En el primer fragmento que añadimos verás que aparecen estos caracteres:▼▲
Esas son las flechas de arriba y abajo ▼▲ puedes cambiarlo por otro caracter, otro texto, o incluso por una imagen:

img src='URL de la imagen' border='0' width='14px'/

El código de ejemplo es para los gadgetsHTML/Javascript, pero se puede aplicar a cualquier otro, sólo basta con identificar la etiqueta data:title/ del gadget (que es donde va el primer código), y el contenido del gadget (que es donde va el segundo código).

Quizá deba aclarar que esto no hace que el blog cargue más rápido ya que el contenido se sigue cargando aun cuando esté oculto para el usuario. Es únicamente para mostrar menos espacio en la sidebar ya que algunas veces tenemos gadgets que ocupan demasiado espacio y esta es una buena manera de mostrar el blog más prolijo.

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 history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help 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

selling annuity PSYCHIC FOR FREE ONLINECLASSES mesothelioma lawyer chicago yahoo web hosting Home phone internet bundle Php programmers for hire motorcycle lawyer los angeles Royalty Free Images Stock Casino DUI lawyer FORENSICS ONLINE COURSE Best social media platforms Social media examiner Make money online Australia cloud identity and access management Criminal defense lawyer Data Recovery Raid Photo Christmas cards Email Bulk Service Donate a Car in Maryland World Trade Center Footage Online casino DONATE OLD CARS TO CHARITY sell my structured settlement Mobile casino accident attorneys orange county Online Colleges hair removal washington dc Proud Italian cook Automobile Accident Attorney mesothelioma attorney philadelphia mesothelioma lawyer cheap auto insurance in va REGISTER FREE DOMAINS Casino reviews Custom WordPress theme designer mesothelioma lawyers san diego supportpeachtreecom Criminal Defense Attorneys Florida Online Christmas cards Psd to WordPress average mesothelioma settlement benchmark lending Cheap car insurance in Virginia accident lawyers in los angeles Christmas cards Business management software Sell Annuity Payment Criminal lawyer Miami Criminal lawyer cash out annuity Hire php developer register free domains Psychic for Free mesothelioma ct Donate Cars in MA world trade center footage paperport promotional code google affiliate mesothelioma litigation CHEAP DOMAIN REGISTRATION HOSTING Live casino Computer science classes online Cheap Domain Registration Hosting low credit line credit cards Car Insurance Quotes Utah WordPress hosting Low Credit Line Credit Cards car insurance quotes pa chicago hair laser removal mesothelioma lawsuit Hire php developers Hire php programmers Dwi lawyer See more at http//wwwginfostopnet/ Register Free Domains Service business software motorcycle accident lawyer san francisco Business VOIP Solutions Seo companies NEUSON Learning adobe illustrator structured settlement brokers la personal injury lawyer Dayton Freight Lines ROYALTY FREE IMAGES STOCK adverse credit remortgage Mortgage Online Stock Trading event management security Mortgage Adviser Bankruptcy lawyer Php programmers AUTOMOBILE ACCIDENT ATTORNEY Car insurance quotes Colorado los angeles motorcycle accident lawyer Best social media platforms for business car accident lawyers los angeles New social media platforms BEST CRIMINAL LAWYER IN ARIZONA california motorcycle accident lawyer Business finance group DONATE CAR FOR TAX CREDIT Donate your car Sacramento Webex Costs Social media platforms for business sell annuity payment workers compensation lawyer los angeles Car insurance in South Dakota car crash attorneys attorney lawyer mesothelioma PAPERPORT PROMOTIONAL CODE Online Criminal Justice Degree Seo services

Cargar los videos de YouTube sólo cuando el usuario quiera verlos – cancer

Damian 10:52 Música, Trucos

¿Sabías queinsertar un video de YouTube hace que tu blog pese por lo menos400 kB más? Esto es porque el iframe de YouTube tiene que descargar imágenes, scripts, estilos CSS, y hacer múltiples peticiones para que el reproductor y el video se muestren correctamente, aun cuando el usuario ni siquiera esté interesado en ver dicho video.
Ahora imagínate un usuario con Internet Explorer visitando un blog de videos: una combinación fatal.

Google+ sabía esto, y también sabía que en su red social habría mucha inserción de videos que podrían perjudicar la velocidad de carga de su página, pero lo resolvieron de una manera muy sencilla. La solución: que el iframe del video sólo se cargue cuando el usuario dé click en él. De esa forma evitamos que el video se cargue innecesariamente y consuma recursos que no requiere.

El sistema es muy simple en realidad, lo que hace el script que veremos a continuación es mostrar sólo la miniatura del video, y al darle click a la imagen ésta desaparecerá y entonces se cargará el iframe que contiene el video. Puedes verlo con el elemento que está a continuación, es una imagen que al darle click cargará el video.

Para implementar este sistema de carga de video en tu blog, entra enPlantilla | Edición de HTML y antes de/body pega lo siguiente:

script
//![CDATA[
// YouTube iFrames
var i,c,y,v,s,n;v=document.getElementsByClassName("youtube");if(v.length0){s=document.createElement("style");s.type="text/css";s.innerHTML='.youtube{background-color:#000;max-width:100%;overflow:hidden;position:relative;cursor:hand;cursor:pointer}.youtube .ythumb{bottom:0;display:block;left:0;margin:auto;padding:0;max-width:100%;position:absolute;right:0;top:0;width:100%;height:auto}.youtube .play{filter:alpha(opacity=80);opacity:.8;left:50%;margin-left:-38px;margin-top:-38px;position:absolute;top:50%;width:77px;height:77px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1f5o4gwystPLIv-m5WSWiBojvMMECpZ7YsxomzGPnyQTTovMRZyXtj7lKi3YHZ0iTrkHTPOTKA9FI-3gNVGrdjaI6kp1PEyrJp2u6aQFst9X2GH19iqneq8YgqrLvdeyc_j8j1g-29s7e/s77/play.png) no-repeat}';document.body.appendChild(s)}for(n=0;nv.length;n++){y=v[n];i=document.createElement("img");i.setAttribute("src","http://i.ytimg.com/vi/"+y.id+"/hqdefault.jpg");i.setAttribute("class","ythumb");c=document.createElement("div");c.setAttribute("class","play");y.appendChild(i);y.appendChild(c);y.onclick=function(){var a=document.createElement("iframe");a.setAttribute("src","https://www.youtube.com/embed/"+this.id+"?autoplay=1&autohide=1&border=0&wmode=opaque&enablejsapi=1");a.style.width=this.style.width;a.style.height=this.style.height;a.style.margin=this.style.margin;a.style.border=this.style.border;a.style.display=this.style.display;this.parentNode.replaceChild(a,this)}};
//
/script

Y ahora, cada vez que quieras insertar un video en tu blog, ya sea en una entrada, o en un gadget, usa este código:

div class="youtube" id="XXXXXXXX" style="width:560px; height:315px; margin:0 auto; display:block; border:none"/div

Lo que está en negrita es el ancho y alto del video, lo puedes modificar al tamaño que quieras.
Lo que está en color rojo es donde deberás poner el ID del video.

¿Cuál es el ID del video?
Cuando abres un video de YouTube verás en la barra de direcciones una URL, los últimos caracteres son el ID del video.

https://www.youtube.com/watch?v=GfxAEl15pDs

Dentro del primer código verás una URL encolor verde, esa es la imagen deplay, la puedes cambiar por otra si lo deseas, procurando que la imagen mida 77x77 pixeles.

Como puedes ver, es un sistema práctico y funcional paraoptimizar la velocidad de carga del blog, algo que tanto los robots de los buscadores y tus lectores agradecerán, pueslos videos no se cargarán a menos que el usuario quiera verlos.

Vía | Labnol

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

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 YOUR CAR SACRAMENTO New social media platforms Car insurance quotes MN domain yahoo low credit line credit cards la personal injury lawyer Dwi lawyer Car Insurance Quotes MN canada personals yahoo utah mesothelioma lawyer mesothelioma PHD on Counseling Education donating used cars to charity Donate Old Cars to Charity mesothelioma law suits structured settlement blog anti spam exchange server Php programmers onlineclasses car donate workplace accident attorney Social media tools Hire php developer Online Classes Psychic for free mesothelioma personal injury lawyers injury lawyer houston tx best accident attorneys structured settlement sell Online casino ROYALTY FREE IMAGES STOCK Live casino Casino LIFE INSURANCE CO LINCOLN Donate your car for kids motor replacements alabama mesothelioma lawyer donate your car for kids structured settlement cash out car insurance companies Hire php developers mesothelioma lawyer chicago Social media examiner Sell Annuity Payment Best Seo company Donate cars Illinois Email Bulk Service criminal defense federal lawyer Make money online Australia futuristic architecture CAR INSURANCE QUOTES MN Italian cooking school Custom WordPress theme designer Cheap Domain Registration Hosting structured annuity settlement Holland Michigan College domains yahoo Mobile casino ONLINE COLLEDGES miami personal injury attorney Low credit line credit cards life insurance co lincoln Donate Cars in MA Adobe illustrator classes WEBEX COSTS Car Insurance Quotes california mesothelioma attorney selling annuity payments for cash Social media campaigns Casino reviews ONLINE MOTOR INSURANCE QUOTES cash out structured settlement Online Christmas cards Business finance group sell annuity payment Cheap domain registration hosting mesothelioma compensation integrated ehr DUI lawyer world trade center footage chicago hair laser removal Hire php programmers Auto Mobile Insurance Quote car insurance quotes colorado Criminal lawyer new mexico mesothelioma lawyer Service business software sell structured settlement calculator CHEAP CAR INSURANCE IN VIRGINIA Business Voip Solutions Seo companies Tech school Car Accident Lawyers Better Conference Calls Business VOIP Solutions Criminal defense lawyer Php programmers for hire car accident lawyers west palm beach Best social media platforms BEST CRIMINAL LAWYER IN ARIZONA business administration masters peritoneal mesothelioma structured settlement brokers buy gift card Donate your Car for Money tennessee mesothelioma lawyer Bankruptcy lawyer Computer science classes online Motor Insurance Quotes Asbestos Lawyers mesothelioma lawyer asbestos cancer lawsuit mesothelioma symptoms Best social media platforms for business CAR INSURANCE QUOTES PA Donating Used Cars to Charity

Spoiler sólo con CSS

Spoiler usando Javascript

Spoiler usando Scriptaculous

Spoiler usando jQuery

Para guiarte dónde poner los códigos:

Categories