Leer más con imágenes en miniatura mejorado (2) – Domains

Este script no es compatible con Internet Explorer por lo que se recomienda seguir usando el método anterior.

Hace un par de meses les presentaba una mejora del Leer más con imágenes en miniatura el cual incluye una imagen predeterminada para las entradas que no tienen imágenes, tamaños proporcionales en las miniaturas y la posibilidad de ingresar a la entrada haciendo click en la imagen. Y aunque creía que ya no había nada más que hacerle a ese script siempre hay inquietudes de los usuarios; y algo que preguntan con frecuencia es porqué las entradas resumidas no respetan los espacios entre cada punto o salto de línea; o por qué si sus entradas tienen negritas y cursivas no se veían en los resúmenes, en otras palabras, que los sumarios se ven muy planos al no mostrar los formatos del texto.

Y bueno, haciéndole unas ligeras modificaciones conseguí que la entrada resumida pueda mostrar cualquier formato que tenga el texto, ya sean negritas, cursivas, colores, espacios, saltos de línea, etc. De manera que pueda verse tal como han escrito la entrada.

ATENCIÓN: Si estás usando el truco para elegir qué resumen mostrar en el Leer más automático no apliques estos cambios de lo contrario dejarán de verse los resúmenes personalizados.

Si ya habías puesto el Leer más con imágenes en miniatura mejorado (1) sólo elimina el script que va antes de /head y en su lugar pon este:

script type='text/javascript'
summary_txt = 450;
img_thumb_width = 125;
/script


script type='text/javascript'
//![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("img")!=0)
{
var s = strx.split("img");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=0){
s[i] = s[i].substring(s[i].indexOf("")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length=0) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'" title="'+'"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_8-Aq9Ws438Pa5f5968GDisXNQd_OyR9JvZLsqX0eKIXCIJCudbUfI9dhNzkzlF1nbEg2-h_GaJEcL8bJUzHvg-NRMxTTHNDx2_RqzNGoOQAvTEKNtDphRxPpGLdHFMYlvqpa4jX-Z8/" width="'+img_thumb_width+'px" //a/span';
summ = summary_txt;
}
if(img.length=1) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'" title="'+'"img src="'+img[0].src+'" width="'+img_thumb_width+'px"//a/span';
summ = summary_txt;
}
var summary = imgtag + 'div' + removeHtmlTag(div.innerHTML,summ) + '/div';
div.innerHTML = summary;
}
//
/script

Y con eso bastará para que se apliquen las mejoras que además de las que tenía también podrán verse los textos enriquecidos.

RECOMENDACIÓN: Como las entradas resumidas respetarán cualquier cantidad de espacios o saltos de línea que haya es preferible que no dejes espacios antes del primer texto, por lo que si tienes una imagen al comienzo escribe tu entrada justo después del código de la imagen sin dar un salto de línea.

---

Si es la primera vez que vas a usar el Leer más automático entonces entra en Diseño | Edición de HTML y busca esta línea:

data:post.body/

Elimínala y en su lugar agrega esto:

b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'data:post.body//div
script type='text/javascript'createSummaryAndThumb("summarydata:post.id/","data:post.url/");/script
span class='rmlink' style='float:right'a expr:href='data:post.url'Leer más.../a/span
/b:if/b:if
b:if cond='data:blog.pageType == "item"'data:post.body//b:if
b:if cond='data:blog.pageType == "static_page"'data:post.body//b:if

NOTA: La etiqueta data:post.body/ en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.

Ahora antes de /head pega lo siguiente:

script type='text/javascript'
summary_txt = 450;
img_thumb_width = 125;
/script

script type='text/javascript'
//![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("img")!=0)
{
var s = strx.split("img");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=0){
s[i] = s[i].substring(s[i].indexOf("")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length=0) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'" title="'+'"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_8-Aq9Ws438Pa5f5968GDisXNQd_OyR9JvZLsqX0eKIXCIJCudbUfI9dhNzkzlF1nbEg2-h_GaJEcL8bJUzHvg-NRMxTTHNDx2_RqzNGoOQAvTEKNtDphRxPpGLdHFMYlvqpa4jX-Z8/" width="'+img_thumb_width+'px" //a/span';
summ = summary_txt;
}
if(img.length=1) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'" title="'+'"img src="'+img[0].src+'" width="'+img_thumb_width+'px"//a/span';
summ = summary_txt;
}
var summary = imgtag + 'div' + removeHtmlTag(div.innerHTML,summ) + '/div';
div.innerHTML = summary;
}
//
/script

Y listo.

Los que ya tenían el script mejorado notarán que el cambio en el script es mínimo pero los resultados son muy notables.

¿Algo más que mejorar? Probablemente sí, pero por ahora me parece que está bastante completo.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE 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 cashSelling 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

student loan consolidation program arizona auto accident attorney Donate Cars Illinois Cheap Car Insurance in Virginia small business administration sba Social media platforms Criminal defense lawyer Make money online Australia PHD on Counseling Education Service business software Adobe illustrator classes mesothelioma survival rates firm law mesothelioma Hire php programmers best structured settlement companies online colledges donate old cars to charity New social media platforms asbestos lawyers royalty free images stock AUTO ACCIDENT ATTORNEY mesothelioma lawyer texas baltimore mesothelioma attorneys Massage school Dallas Texas domain registration yahoo mesothelioma attorneys structured settlement annuity companies Royalty Free Images Stock Online casino online motor insurance quotes auto accident lawyer san francisco Donate cars Illinois Online Christmas cards structured settlement blog workplace accident attorney car donate anti spam exchange server Cheap Domain Registration Hosting DUI lawyer Criminal lawyer injury lawyers Casino personal injury lawyer refinance with bad credit Donate old cars to charity fortis health insurance temporary Dwi lawyer Paperport Promotional Code VIRTUAL DATA ROOMS emergency response plan ppt Nunavut Culture quotes car pharmacist jobs in chicago Criminal lawyer Miami Business finance group domain yahoo Php programmers mesothelioma lawyer virginia mesothelioma lawsuits Dayton Freight Lines Casino reviews Mortgage Adviser Bankruptcy lawyer asbestos mesothelioma lawsuit Mobile casino EMAIL BULK SERVICE criminal defense federal lawyer Live casino donate car for tax credit Online colledges Forensics online course Seo company Hire php developers adverse remortgage Business management software houston mesothelioma attorney Royalty free images stock Best Seo company Tech school Best social media platforms for business federal criminal defense attorney DONATE YOUR CAR FOR MONEY mesothelioma charities philadelphia mesothelioma lawyer orlando criminal attorney Register Free Domains Html email Email Bulk Service Php programmers for hire Cheap auto insurance in VA Best social media platforms DONATE CARS IN MA LOW CREDIT LINE CREDIT CARDS motor insurance quotes new york mesothelioma law firm HOW TO DONATE A CAR IN CALIFORNIA Hire php developer Mortgage adviser Low Credit Line Credit Cards Computer science classes online Business VOIP Solutions Virtual Data Rooms Seo companies Car Accident Lawyers mesothelioma drug Cheap Car Insurance for Ladies DONATING A CAR IN MARYLAND PSYCHIC FOR FREE CAR INSURANCE QUOTES MN insurance medical temporary personal injury firm better conferencing calls Donate your car for kids compare life assurance personal injury attorney ocala fl

Read More

Elegir qué resumen mostrar en el Leer más automático – Abogado – cancer

No todos los blogs son iguales, ni todos comienzan sus entradas de la misma manera. Hay unos en particular que tratan de descargas y diseños, y que usualmente comienzan la entrada con una tabla que explica qué contiene el diseño o la descarga que ofrecen.

¿Cuál es el "problema"? Que si usan elLeer más automático entonces tomará ese primer texto el cual no será nada estético ni mucho menos descriptivo respecto a lo que se quiere mostrar como síntesis de la entrada.

En ese ejemplo queda muy claro a lo que me refiero, el resumen no describe en absoluto la entrada y tampoco es legible. Pero podemos solucionarlo de formaque el resumen pueda mostrar cualquier otro texto que queramos que sea más descriptivo y que de hecho sólo se vea en el resumen de la entrada.

La forma de arreglarlo es editar la entrada y agregar hasta arriba de todo el contenido de la entrada esto:

span style="display:none;"Aquí va la descripción personalizada de la entrada que queremos mostrar y que sólo se verá en la portada del blog. Puedes repetir un fragmento de la entrada o agregar una descripción completamente nueva; ésta sólo será visible cuando la entrada esté resumida, una vez que el lector ingrese a la entrada esta descripción no se visualizará./span

Eso debe ser lo primero que tenga la entrada, no debe haber nada arriba de ello para que sea lo primero que lea el script y lo muestre en lugar de los otros datos. Ahí puedes poner la descripción que quieras, incluso puedes poner una imagen para que esa imagen sea la que se muestre en el resumen.

Aclaro, esto se hace manualmente a cada entrada, no es automatizado, y además sólo se verá en la portada, así que pierdan cuidado pues el formato de su entrada no se alterará ya que una vez que estén dentro de la entrada esa descripción desaparecerá.

Aunque está enfocado para los blogs de descargas también puede usarlo cualquiera que desee personalizar la descripción que tendrá el resumen de sus entradas de modo que puedan agregar una introducción que detalle con mayor claridad el contenido de la entrada pues no siempre lo primero que escribimos en una entrada es justamente lo más descriptivo de ella, pero con este pequeño "truco" sí que podremosdecidir qué queremos mostrar como reseña del post.

motor insurance quotes Paperport Promotional Code Car insurance in South Dakota Best social media platforms for business Asbestos Lung Cancer Social media management georgia truck accident lawyer Donate Old Cars to Charity Donate Car To Charity CALIFORNIA Psd to html email bulk service Online classes Nunavut Culture Low Credit Line Credit Cards Online Criminal Justice Degree DONATE CARS ILLINOIS michigan motorcycle accident lawyer Cheap car insurance in Virginia Casino reviews Mortgage adviser Motor Replacements arizona auto accident attorney Mobile casino CHEAP DOMAIN REGISTRATION HOSTING Criminal defense lawyer STRUCTURED ANNUITY SETTLEMENT AUTOMOBILE ACCIDENT ATTORNEY cell cycle regulation ppt Live casino Custom WordPress theme designer Online casino Casino Hard drive data recovery services Seo company NUNAVUT CULTURE forensics online course Photo Christmas cards Social media tools accident car florida lawyer Online College Course WORLD TRADE CENTER FOOTAGE See more at http//wwwginfostopnet/ World Trade Center Footage Hire php programmers Motor Insurance Quotes New social media platforms Attorney Make money online Australia Cheap Domain Registration Hosting Annuity Settlements seattle mesothelioma lawyer truck accident attorney los angeles Email Bulk Service donate your car for money DUI lawyer Low credit line credit cards HOLLAND MICHIGAN COLLEGE Criminal defense attorneys Florida Car Donate WordPress hosting Auto Accident Attorney Bankruptcy lawyer Php programmers Cheap auto insurance in VA life insurance co lincoln Hire php developers Dwi lawyer adverse credit remortgage Criminal lawyer Service business software Psd to WordPress mesothelioma claim Custom Christmas cards DONATE YOUR CAR FOR KIDS motorcycle lawyer los angeles fortis health insurance temporary selling annuity cheap car insurance in virginia Business management software CHEAP AUTO INSURANCE IN VA mortgage adviser Php programmers for hire Better Conference Calls Dallas Mesothelioma Attorneys Hire php developer Computer science classes online Seo companies DONATING USED CARS TO CHARITY sell structured settlement calculator personal injury attorney ocala fl Business finance group new mexico mesothelioma lawyer car insurance companies ONLINE COLLEDGES Better conferencing calls Injury Lawyers domains yahoo Data Recovery Raid saskatchewan auto insurance Donate Your Car for Kids mesothelioma care Social media platforms for business structered settlement orlando criminal attorney Met Auto Seo services Best Seo company car accident lawyer michigan Psychic for free auto accident lawyer san francisco Proud Italian cook Italian cooking school Mesothelioma Law Firm car accident lawyer san bernardino personal injury accident lawyer

Read More

Cómo hacer que cualquier persona publique una entrada en el blog – Credito – Habitaciones

Varias veces me han preguntado por la posibilidad de quecualquier persona pueda publicar entradas en el blog para hacer una especie de foro o un blog de múltiples autores donde cualquiera pueda aportar contenido.

Empecemos aclarando que Blogger sólo tiene una modalidad para agregar autores y es yendo aConfiguración | Permisos. Ahí damos click enAñadir autores y agregamos la dirección de correo de la persona a la que queremos invitar para que publique en el blog.Esta opción permite agregar hasta 100 personas como autores del blog.

¿Pero y si no queremos estar agregando autores uno por uno al blog? Es decir, ¿qué pasa si quiero que absolutamente cualquier persona -sin importar si tiene cuenta en Google o no- pueda publicar en el blog?

Para esos menesteres podemos usar esta modalidad queMCarlitooH2 me ha compartido y que creo que es una excelente opción para cuando queremos crear una especie de blog de opiniones, para compartir imágenes, datos, etc. o sea un blog de múltiples autores.

La idea es quea través de un formulario la gente pueda escribir una entrada y que esta se pueda publicar inmediatamente en el blog. Aunque hay que tomar en cuenta unos detalles:

• Todas las entradas estarán firmadas con el nombre del dueño del blog (pero se puede esconder esta firma).
• Las entradas publicadas con este método no tendrán etiquetas, a menos que después de haber sido publicadas el administrador del blog edite la entrada para agregársela.
• Aunque podemos subir imágenes en las entradas todas estarán alineadas a la izquierda.
• El texto de las entradas no tendrá formato como negritas, cursiva, etc. ya que el formulario no cuenta con editor WYSIWYG.

Habiendo aclarado esos puntos veamos de qué se trata con esteejemplo online, ahí podrás escribir una entrada y publicarla automáticamente.

¿Cómo se ha hecho? Es muy simple, sólo hemos usado un formulario común, en este caso deEmailmeform y hemos configurado las notificaciones de ese formulario usando la cuenta de correoMail2Blogger.

Empecemos primero activando la opción publicar entradas desde el correo tal como se explica enesta entrada.

Ya que hemos activado ese servicio y que tenemos nuestra dirección de correo "secreta", procederemos a crear un formulario enEmailmeform; en realidad puede ser con cualquiera pero este me parece que es de los más completos.

Al crear el formulario debemos cerciorarnos de NO ponerle un nombre al formulario, así que ese espacio se deberá quedar vacío.

Un poco más abajo de la opción del nombre del formuario te encontrarás con las opciones para ejecutar cuando el lector envíe el formulario, ahí deberás seleccionarRedirect URL y agregar la URL de tu blog.

Ahora es momento de agregar los campos que quieras para tu formulario, eso ya dependerá de las necesidades de cada quien así que cada uno sabrá qué campos agregar. Pero eso sí, al menos deberás agregar uno que se llameTítulo.

Cuando hayas terminado de crearlo, dale guardar y aparecerá una ventana, da click en la segunda opción que diceModify email notifications for this form.

Aquí viene la parte esencial para que funcione, en donde diceRecipients Emails escribe tu correo electrónico que previamente creaste en Blogger para poder publicar entradas desde el mail, una vez escrito da click en el icono verde que está al lado.

Seguido a eso elimina tu correo personal que ya aparecía ahí, para eliminarlo sólo da click en el icono rojo.Sólo debe quedar el correo "secreto" que recién añadiste.

Ahora ahí mismo pero más abajo verás una opción que diceMessage Subject, marca la segunda opciónRetrieve from y selecciona el campo que se llamaTítulo.

Guarda los cambios y en la ventana que aparecerá selecciona la tercera,Take me back to the Form Manager.

Ahora estarás en el panel de control de tus formularios y verás el que acabas de crear, no tiene un nombre pero aparecerá la fecha de creación.

Pasa el cursor encima de ese formulario y aparecerán unas opciones, da click enCode.

Ahora es momento de copiar el código del formulario así que elige la pestaña llamadaHTML with Javascript/CSS, copia todo el código.

Ahora en Blogger enDiseño | Elementos de la página | Añadir un gadget | HTML/Javascript pega el código que acabas de copiar, colócalo arriba o debajo de las entradas, es a tu gusto.

Y habiendo hecho eso ya tendrás el formulario en tu blog ycualquier persona que redacte una entrada desde ese formulario podrá publicar un post en tu blog.

Los títulos de las entradas que se publiquen de ese modo tendrán dos puntos que lo antecederán, esto es porque el Asunto del mail siempre viene con esos dos puntos, ahí no creo que haya algo que podamos hacer.

Como mencioné antes tendrá algunas limitaciones que son propias del servicioMail2Blogger pero como eres administrador del blog podrás editar todas esas entradas para agregarles etiquetas, alinear las fotos, o eliminar la entrada en caso de que lo creas conveniente.

Referencia | MCarlitooH2

Seo services Online Christmas cards caraccidentlawyer Cheap auto insurance in VA cash out annuity HOME PHONE INTERNET BUNDLE Make money online Australia PAPERPORT PROMOTIONAL CODE Social media campaigns Dedicated Hosting Dedicated Server Hosting LIFE INSURANCE CO LINCOLN Mobile casino Email bulk service Donate a car in Maryland Online casino domain yahoo MORTGAGE ADVISER Casino Social media management automobile accident attorney Forex Trading Platform Life Insurance Co Lincoln Life insurance co Lincoln Psd to WordPress Seo company Cheap domain registration hosting Html email chicago hair laser removal cheap domain registration hosting selling my structured settlement DALLAS MESOTHELIOMA ATTORNEYS Attorney buying an annuity calculator Social media platforms for business paperport promotional code Photo Christmas cards Social media tools Cheap car insurance for ladies WordPress theme designers Service business software how to donate a car in california anti spam appliance Casino reviews alcohol rehab center in florida injury lawyers west palm beach Auto Mobile Insurance Quote Car Accident Lawyers mesothelioma help Structures Annuity Settlement Motor Insurance Quotes structured settlement brokers life insurance quotes See more at http//wwwginfostopnet/ Live casino DUI lawyer Register Free Domains Hire php developers los angeles motorcycle accident lawyer Hire php programmers mesothelioma charities Best Criminal Lawyers in Arizona mesothelioma survival rates Criminal lawyer Php programmers for hire Dwi lawyer pharmacist jobs in chicago Better conferencing calls student loan consolidation program Social media strategies World Trade Center Footage NEUSON mesotheloma truck accident attorney los angeles Car Insurance Quotes Utah cloud identity and access management primary pulmonary hypertension DONATE CAR FOR TAX CREDIT mesothelioma lawyer california Criminal defense lawyer MASSAGE SCHOOL DALLAS TEXAS houston tx auto insurance DONATE A CAR IN MARYLAND personal injury lawyer Car insurance quotes MN motorcycle lawyer los angeles lease management software Massage School Dallas Texas what is structured settlement Business management software ONLINE COLLEDGES Hire php developer Home phone internet bundle How to Donate A Car in California best mesothelioma lawyers los angeles auto accident attorneys SELL ANNUITY PAYMENT Best Seo company motorcycle accident attorney chicago structured settlement sell AUTOMOBILE ACCIDENT ATTORNEY Bankruptcy lawyer CHEAP AUTO INSURANCE IN VA truck accident attorney texas donate your car for money Computer science classes online Php programmers Donate a Car in Maryland colorado auto accident attorney Seo companies Italian cooking school Best social media platforms for business selling annuity payments for cash personal injury law firm New social media platforms Business finance group

Read More

Leer más con imágenes en miniatura mejorado (1) – Accident – Plataforma

Anteriormente vimos cómo tener elLeer más con imágenes en miniatura que hace que todas las entradas tengan un resumen de forma automática, sin tener que estar ingresando códigos extra cada vez que redactamos una entrada.

Si bien ese script funciona muy bien muchos han sido quienes han preguntado si es posible mostrar una imagen aun cuando la entrada no la tenga; y si había alguna forma para que las imágenes en miniatura no quedaran fuera de proporción, pues usualmente no subimos imágenes perfectamente cuadradas sino más bien rectangulares y al mostrarse en miniatura se deformaban.

Bien, después de un par de horas de pelearme con la computadora pude hacerle tres mejoras al script de modo quesi una entrada no tiene una imagen podrá mostrar una imagen predeterminada para ilustrar el resumen.

Luego,las imágenes en miniatura ya no perderán su proporción, por lo que una imagen rectangular podrá verse más pequeña pero igualmente rectangular.

Y además,las imágenes en miniatura tendrán un enlace a la entrada, así que podrás acceder al post completo desde el link de Leer más, o desde el título de la entrada, o bien, haciendo click en la imagen en miniatura.

El procedimiento es el mismo, primero entramos enDiseño | Edición de HTML, y busca esta línea:

data:post.body/

Elimínala y en su lugar agrega esto:

b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
div expr:id='"summary" + data:post.id'style='font-size:13px; text-align:justify;'data:post.body//div
script type='text/javascript'createSummaryAndThumb("summarydata:post.id/","data:post.url/");/script
span class='rmlink' style='float:right'a expr:href='data:post.url'Leer más.../a/span
/b:if/b:if
b:if cond='data:blog.pageType == "item"'data:post.body//b:if
b:if cond='data:blog.pageType == "static_page"'data:post.body//b:if

NOTA: La etiqueta data:post.body/ en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.

Ahora antes de/head pega lo siguiente:

script type='text/javascript'
summary_txt = 410;
img_thumb_width = 120;
/script

script type='text/javascript'
//![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("")!=-1)
{
var s = strx.split("");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=-1){
s[i] = s[i].substring(s[i].indexOf("")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length=0) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_8-Aq9Ws438Pa5f5968GDisXNQd_OyR9JvZLsqX0eKIXCIJCudbUfI9dhNzkzlF1nbEg2-h_GaJEcL8bJUzHvg-NRMxTTHNDx2_RqzNGoOQAvTEKNtDphRxPpGLdHFMYlvqpa4jX-Z8/" width="'+img_thumb_width+'px" //a/span';
summ = summary_txt;
}
if(img.length=1) {
imgtag = 'span style="float:left; padding:0px 10px 5px 0px;"a href="'+ pURL +'"img src="'+img[0].src+'" width="'+img_thumb_width+'px"//a/span';
summ = summary_txt;
}
var summary = imgtag + 'div' + removeHtmlTag(div.innerHTML,summ) + '/div';
div.innerHTML = summary;
}
//
/script

Guarda los cambios y listo. Ahora veamos las modificaciones que se le puede hacer para personalizarlo.

En el primer código que hemos agregado, he puesto ennegritalos estilos para el resumen, ahí se puede cambiar el tamaño de la letra, la alineación del texto, y se le pueden agregar más estilos como el color de la letra, color de fondo, etc.

En donde diceLeer más puedes cambiarlo por otro texto o bien, por una imagen, si ese es el caso entonces elimina ese texto y en su lugar agrega esto cambiando la URL de la imagen donde se indica:

img src="URL de la imagen" border="0" /

En el segundo código que hemos agregado veremos al inicio dos variables:
summary_txt = 410; indica el número de caracteres que tendrá el resumen.
img_thumb_width = 120; es el ancho que tendrán las imágenes en miniatura.

Un poco más abajo está unaURL en color azul, esa es la imagen que se mostrará en el resumen cuando la entrada no tenga una imagen, y será esta:

Esa imagen la puedes cambiar por cualquier otra que elijas, sólo cambia la URL en color azul por la de la imagen que quieres.

Como has podido notar los códigos son bastantes similares al método anterior sólo que con unas pequeñas modificaciones que aunque parecen insignificantes mejoran por mucho la funcionalidad del script.

Car Insurance Quotes Colorado buyers of structured settlements SELL ANNUITY PAYMENT Casino personal accident attorney Social media platforms selling annuity BETTER CONFERENCING CALLS Custom WordPress theme designer Donate car to charity California auto insurance cost by state HOW TO DONATE A CAR IN CALIFORNIA Online Motor Insurance Quotes phd in counseling education Mortgage Adviser bowne virtual data room Auto Accident Attorney DONATE YOUR CAR FOR KIDS car insurance in south dakota DUI lawyer How to donate a car in California Dallas Mesothelioma Attorneys injury attorney baton rouge life insurance quotes Better conferencing calls Online casino average mesothelioma settlement Make money online Australia Donate old cars to charity best accident attorneys earthlink business internet Forensics online course Car Insurance Quotes PA mesothelioma settlements amounts WordPress hosting illinois law lemon donate car for tax credit Car Insurance Quotes Utah Bankruptcy lawyer Tech school Donate Cars Illinois personal injury solicitor Business finance group MOTOR REPLACEMENTS Hard drive Data Recovery Services ONLINE MOTOR INSURANCE QUOTES refinance with bad credit car accident lawyer in san diego Mobile casino mesothelioma Service business software Social media examiner mesothelioma lawyer asbestos cancer lawsuit WordPress theme designers Best Seo company DAYTON FREIGHT LINES workers compensation lawyer los angeles Data Recovery Raid google affiliate Injury Lawyers mesothelioma claim Car Donate webex costs WebEx costs Met Auto structured settlement need cash now Casino reviews Criminal Defense Attorneys Florida Webex Costs michigan motorcycle accident lawyer Live casino primary pulmonary hypertension Photo Christmas cards Psd to html Motor Insurance Quotes PSYCHIC FOR FREE Asbestos Lawyers Hire php developers Hire php programmers Annuity Settlements bus accident attorneys Register Free Domains mesothelioma attorneys california Criminal lawyer Miami Donate Your Car for Kids Dwi lawyer Custom Christmas cards structured settlement buyer virtual data rooms Best social media platforms for business Criminal lawyer mesothelioma drug personal injury law firm state of california car insurance washington mesothelioma attorney motorcycle lawyer los angeles motorcycle accident attorney sacramento LOW CREDIT LINE CREDIT CARDS Car Insurance in South Dakota Criminal defense lawyer Php programmers for hire CHEAP CAR INSURANCE FOR LADIES Hire php developer DONATING USED CARS TO CHARITY Social media platforms for business Proud Italian cook motorcycle accident lawyer san diego Best social media platforms Computer science classes online tucson car accident attorney Donate cars in ma Php programmers Forex Trading Platform business voip solutions Seo companies

Read More

Gadget para compartir enlaces de las entradas del blog – Register – Free – Lincoln

Promocionar las entradas del blog es de suma importancia si queremos darlo a conocer a más gente, pero de igual forma es de suma importancia ofrecerle a los lectores las herramientas para que puedan hacerlo de una forma sencilla.

Un recurso muy útil escolocar un área donde los lectores puedan copiar la URL de las entradas que quieren compartir, ya sea que copien la URL de la entrada, el código HTML que enlaza a ella, o el código para colocar el enlace de la entrada en un foro.

El resultado será un área como esta debajo de todas las entradas del blog que al hacer click en el área de texto se seleccionará el enlace(este ejemplo no, es sólo una imagen):

Para agregarlo a tu blog entra enDiseño | Edición de HTML, marca la casillaExpandir plantillas de artilugios y busca esta etiqueta:

data:post.body/

O si usas elLeer más automático busca este código:

b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
div style='text-align:justify;' expr:id='"summary" + data:post.id'data:post.body//div
script type='text/javascript'createSummaryAndThumb("summarydata:post.id/");/script
span class='rmlink' style='float:right;'a expr:href='data:post.url'Leer más.../a/span
/b:if/b:if
b:if cond='data:blog.pageType == "item"'data:post.body//b:if
b:if cond='data:blog.pageType == "static_page"'data:post.body//b:if

Justo debajo de cualquiera de esos dos agrega lo siguiente:

b:if cond='data:blog.pageType == "item"'
div class='compartir-post'
pSi has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro./p
p<label for="aa-url">URL:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="data:post.url/" />/pp<label for="aa-forum">Link HTML:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href="data:post.url/">data:post.title/</a>" />/pp
<label for="aa-forum">Link para foros:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=data:post.url/]data:post.title/[/url]" />/p
/div
/b:if

Ahora agrega antes de/b:skin esto:

/* Compartir entradas
----------------------------------------------- */
.compartir-post {
background:#EFF5FB;/* Color de fondo del contenedor */
margin-top:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}
.compartir-post p {
font-size:12px;/* Tamaño de texto del mensaje */
}
.compartir-post input {
background:#ffffff;
border: 1px solid #A4A4A4;/* Borde de las celdas */
}

Guarda los cambios y listo. El resultado sólo aparecerá en las entradas individuales así que para verlo debes entrar a un post para cerciorarte que ha funcionado.

Por supuesto que a la caja para compartir le podemos cambiar el estilo, ya sea el color de fondo, agregar una imagen de fondo, tamaño de la letra, etc. Esas partes se modifican en las áreas que he puesto encolor verde.

El contenedor como tal no tiene un tamaño específico pues se ajusta al ancho de las entradas, sin embargo, el ancho de las celdas donde aparecen los enlaces puede ajustarse modificando los números del primer código que insertamos y que están encolor rojo.

Con esto hasta los lectores más novatos sabrán cuál es la URL de la entrada que les ha gustado y tendrán una forma más sencilla de poder copiar el enlace para compartirlo donde deseen.

Business finance group Donating a Car in Maryland register free domains FUTURISTIC ARCHITECTURE personal injury solicitor dallas mesothelioma lawyer DONATE CARS IN MA Hire php developer Email bulk service SELL ANNUITY PAYMENT Donate Your Car Sacramento Injury Lawyers Computer science classes online MET AUTO Best social media platforms for business mesothelioma attorney california phd in counseling education best consolidation loan student semi truck accident lawyers DONATING USED CARS TO CHARITY Online Criminal Justice Degree Donate Car for Tax Credit Online casino Photo Christmas cards DONATE A CAR IN MARYLAND sell my structured settlement Car Insurance Quotes PA truck accident attorney los angeles mesothelioma cases Hire php developers mesothelioma claims Mesothelioma Law Firm mesothelioma information Hire php programmers Auto Accident Attorney Personal Injury Law Firm personal injury lawyer sarasota fl criminal defense federal lawyer Low Credit Line Credit Cards Criminal defense lawyer Nunavut Culture Custom WordPress theme designer Personal Injury Lawyers New social media platforms Mobile casino Cheap car insurance in Virginia Christmas cards mesothelioma charities Online classes Cheap domain registration hosting Casino Social media examiner Online College Course Make money online Australia Casino reviews Live casino Nunavut culture DUI lawyer Hard drive data recovery services MESOTHELIOMA LAW FIRM mesotheliama Social media platforms Php programmers Cheap Car Insurance in Virginia structured settlement buyers Dedicated Hosting Dedicated Server Hosting Forensics Online Course Sell Annuity Payment Dwi lawyer car crash attorneys Tech school Criminal lawyer DONATE YOUR CAR FOR MONEY PHD on Counseling Education Online Christmas cards World Trade Center Footage Met auto Service business software Best social media platforms Personal Injury Lawyer Hard drive Data Recovery Services Donate your Car for Money CHEAP CAR INSURANCE IN VIRGINIA pharmacist jobs in chicago personal injury attorney torrance meso lawyer motorcycle lawyer los angeles Php programmers for hire mesothelioma lawyer houston los angeles auto accident attorneys Bankruptcy lawyer Custom Christmas cards event management security MASSAGE SCHOOL DALLAS TEXAS world trade center footage Online Motor Insurance Quotes Seo companies Royalty Free Images Stock car insurance quotes pa cheap domain registration hosting Car Insurance Quotes Motor Replacements HOME PHONE INTERNET BUNDLE Social media platforms for business DONATE OLD CARS TO CHARITY Mortgage Adviser personal injury lawyer Seo services Best Seo company Psd to WordPress Business management software Learning adobe illustrator CRIMINAL DEFENSE ATTORNEYS FLORIDA structured annuity settlement low credit line credit cards

Read More

Mostrar la fecha en todas las entradas – Texas – Abogado – programmers

Cuando escribimos más de una entrada el mismo día Blogger por defecto nos muestra la fecha sólo en la última entrada, el resto de ellas queda sin fecha.

Para "corregir" esto podemos aplicar un sencillo script que nos explicaRosa y que hará queaparezca la fecha en todas las entradas, incluyendo las que se publicaron el mismo día.

Sólo basta con entrar enDiseño | Edición de HTML marcar la casillaExpandir plantillas de artilugios y buscar este código:

b:if cond='data:post.dateHeader'
h2 class='date-header'data:post.dateHeader//h2
/b:if

Lo eliminamos y en su lugar ponemos este otro:

b:if cond='data:post.dateHeader'
scriptvar mismaFecha = 'data:post.dateHeader/';/script
h2 class='date-header'data:post.dateHeader//h2
b:else/
h2 class='date-header'
scriptdocument.write(mismaFecha);/script
/h2
/b:if

Guardamos los cambios y listo. Tendrás la fecha en todas las entradas.

Ojo, si tu problema es que no ves la fecha en ninguna entrada entonces necesitas activarla entrando enDiseño | Elementos de la página, click enEditar sobre el elementoEntradas del blog y ahí marcar la casilla de la fecha.

Referencia | El escaparate de Rosa

Donate cars Illinois Life insurance co Lincoln quotes car Hire php programmers CHEAP CAR INSURANCE FOR LADIES buy structured settlements mesothelioma attorneys california Social media platforms for business Futuristic Architecture Dayton Freight Lines lawsuit mesothelioma Mesothelioma Law Firm Paperport Promotional Code firm law mesothelioma california law lemon Auto Accident Attorney Low credit line credit cards diagnosed with mesothelioma Casino reviews Register Free Domains Business management software Donate Old Cars to Charity structured settlement blog Php programmers for hire BETTER CONFERENCING CALLS asbestos lawyers Make money online Australia Best criminal lawyer in Arizona WordPress hosting city college in miami Cheap domain registration hosting Insurance Companies PSYCHIC FOR FREE Live casino Donate Cars in MA structered settlement Learning adobe illustrator selling structured settlement Psychic for free mesothelioma lawyer dallas mesothelioma attorney illinois Social media examiner saskatchewan auto insurance Online casino Seo services car insurance companies Casino Donate a Car in Maryland Massage School Dallas Texas DONATE YOUR CAR SACRAMENTO Structures Annuity Settlement Proud Italian cook Mobile casino How to Donate A Car in California mesotheolima Donate a car in Maryland car insurance quotes colorado Service business software donating used cars to charity Computer science classes online Car Donate structure settlements LIFE INSURANCE CO LINCOLN accident attorneys orange county Criminal defense lawyer mesothelioma claims DONATE YOUR CAR FOR KIDS maritime lawyer houston Best social media platforms donate old cars to charity DUI lawyer Asbestos Lung Cancer Online colledges BEST CRIMINAL LAWYER IN ARIZONA Seo companies Hire php developers domain name yahoo NEUSON Cheap Auto Insurance in VA Social media tools Best Criminal Lawyers in Arizona futuristic architecture Photo Christmas cards Dwi lawyer Webex Costs structured settlement company Criminal lawyer Personal Injury Lawyers refinance with bad credit hair removal washington dc Car Insurance Quotes MN structured settlement brokers small business administration sba miami personal injury lawyer mesothelioma charities DONATE OLD CARS TO CHARITY Life Insurance Co Lincoln tucson car accident attorney los angeles auto accident attorneys mesothelioma attorney florida Hire php developer Donate Your Car for Kids federal criminal defense attorney Bankruptcy lawyer Automobile Accident Attorney sell annuity payment DONATING USED CARS TO CHARITY asbestos mesothelioma lawsuit Business finance group Php programmers Met Auto Psd to html Best social media platforms for business Donate Car for Tax Credit injury lawyers

Read More

Ocultar títulos de las páginas estáticas – Texas – Lincoln – Habitaciones

Una pregunta que me hacen muy seguido escómo ocultar los títulos de las páginas estáticas, pues como son simples páginas el tener un título les da una apariencia de entradas comunes y es justo eso lo que queremos evitar.

El procedimiento es sumamente sencillo y basta usar una condicional que dará la instrucción que cuando se trate de una página entonces el título desaparezca.

Para ocultar los títulos de las páginas sólo entra enPlantilla | Edición de HTML y antes de/head pega lo siguiente:

b:if cond='data:blog.pageType == "static_page"'
style type="text/css"
h3.post-title {
display:none;
}
/style
/b:if

Con ese simple y sencillo paso el título de las páginas no se mostrarán.

Online Christmas cards MET AUTO orlando criminal attorney Donate cars Illinois cheap domain registration hosting world trade center footage what is structured settlement florida car insurance company Hire php programmers Casino PHD on Counseling Education WordPress theme designers phd in counseling education Online casino Php programmers for hire PhD in counseling education Bankruptcy lawyer royalty free images stock donate old cars to charity car accident lawyer san bernardino Psychic for Free mesothelioma attorney california mesothelioma law firms Hire php developer los angeles auto accident attorneys ONLINECLASSES mesothelioma care Social media tools Donating a Car in Maryland accident attorneys orange county Hard drive Data Recovery Services california law lemon Mobile casino Social media platforms structured annuity settlement best structured settlement companies Online Criminal Justice Degree Hard drive data recovery services Car Insurance in South Dakota Service business software hughes net business asbestos exposure lawyers mesothelioma information Donate Your Car Sacramento CAR INSURANCE IN SOUTH DAKOTA LIFE INSURANCE CO LINCOLN Seo companies New social media platforms criminal defense federal lawyer mesothelioma lawyer virginia motorcycle accident attorney chicago accident car florida lawyer Futuristic architecture selling annuity payments for cash Online College Course Donate Old Cars to Charity Met Auto Make money online Australia Photo Christmas cards Dedicated Hosting Dedicated Server Hosting mesothelioma law firm Custom WordPress theme designer DUI lawyer Mortgage selling my structured settlement Better Conference Calls donate your car for money Online Colleges la personal injury lawyer Casino reviews Online Motor Insurance Quotes Cheap car insurance in Virginia Adobe illustrator classes Live casino tennessee mesothelioma lawyer structured settlements annuities LOW CREDIT LINE CREDIT CARDS supportpeachtreecom home phone internet bundle MORTGAGE ADVISER Hire php developers Donate car to charity California Royalty Free Images Stock Psd to html colorado auto accident attorney car accident lawyer michigan Donate cars in ma Dwi lawyer structered settlement Met auto online motor insurance quotes Psd to WordPress Criminal lawyer Paperport Promotional Code colorado mesothelioma lawyers email bulk service EMAIL BULK SERVICE CAR INSURANCE QUOTES PA Criminal defense lawyer offshore accident lawyer donate your car for kids mesothelioma symptoms best criminal lawyer in arizona WordPress hosting georgia truck accident lawyer Computer science classes online Social media campaigns Life Insurance Co Lincoln Structures Annuity Settlement Best social media platforms Seo services Car Accident Lawyers Custom Christmas cards VIRTUAL DATA ROOMS Php programmers

Read More

Entradas resumidas estilo magazine (3) – Settlement

Después de haber visto cómo hacer lasentradas resumidas estilo magazine uno y dos, vamos a finalizar con esta tercera opción que se adecua para los blogs de fotografía, por lo que haremos que la plantilla parezca una galería de imágenes incluyendo ventanas modales.

Puedes ver un ejemplo funcionando eneste blog de pruebas y haz click en cualquier imagen.

El procedimiento es mucho más sencillo que los dos anteriores ya que no requiere de ningún script para hacer resúmenes, sólo condicionaremos la forma que se mostrarán en la portada y nos valdremos deShadowbox para las ventanas modales aunque eso es opcional.

El primer paso es entrar aPlantilla | Edición de HTML y pegar antes de/head lo siguiente:

b:if cond='data:blog.pageType != "static_page"'
b:if cond='data:blog.pageType != "item"'
style type='text/css'
#sidebar-wrapper {/* Con esto ocultamos la sidebar de la portada */
display: none;
visibility: hidden;
}
#main-wrapper {
width: 830px;/* Ancho del blog en la portada */
}
.post {
border: 10px solid #424242; /* Color y tamaño del borde */
float: left;
height: 175px; /* Alto de cada contenedor */
width: 175px;/* Ancho de cada contenedor */
margin: 6px;/* Distancia entre cada contenedor */
padding: 0;
overflow: hidden;
}
.post-body {
padding:0;
margin:0;
}
.post h3 {
padding: 0;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #BDBDBD;/* Color del título de las fotos */
background: #424242;/* Color de fondo del título */
margin: -5px -5px 0 -5px;
text-align: center;
}
h3.post-title, .post-header {
margin: 0;
background:#424242;/* Color de fondo del título */
}
.post img {
height: 175px;/* Alto de la foto en miniatura */
width: 175px;/* Ancho de la foto en miniatura */
float: left !important;
border: 0;
padding:0;
margin:0;
}
.post-outer, .inline-ad {
padding-top: 0px !important;
}
.post-outer {
padding-bottom: 0px;
}
h2.date-header {/* Con esto ocultamos la fecha */
display: none;
visibility: hidden;
}
#blog-pager {
clear: both;
}
/style
/b:if
/b:if

Con ese simple paso ya tenemos las entradas en columnas tipo revista, ahora viene la personalización que es la parte más importante.

En la primer parte ocultamos la sidebar de la portada con el fin de que tenga más espacio para mostrar más imágenes y para que se vea realmente como una galería.

El segundo bloque que dice/* Ancho del blog en la portada */ es la suma del ancho del #main-wrapper más el ancho del #sidebar-wrapper, por ejemplo, si el #main-wrapper tiene 600px de ancho y el #sidebar-wrapper tiene 220px de ancho entonces la medida que pondremos será de 880px

El nombre de estos contenedores está basado en las plantillas clásicas de Blogger, así que en las nuevas y otras modificadas el nombre será distinto, ya será cuestión de que cada quien identifique el nombre y ancho de estos contenedores.

Ya que hemos establecido el ancho del blog entonces procederemos a ajustar el ancho y alto de los contenedores de las fotos así como el ancho y alto de las fotos miniatura. Eso se hace donde se indica encolor verde, ahí tomaremos en cuenta que entre más pequeñas sean las miniaturas más columnas de fotos cabrán en el blog.

También configura el número de entradas a mostrar en la página principal de modo que nunca vaya a quedar vació un espacio, por ejemplo, si ajustaste el tamaño para mostrar columnas de tres entradas entonces deberás configurar el blog para que muestra 6, 9, 12 o 15 entradas en la página principal; si fueran columnas de dos entonces tendrás que mostrar ya sea, 4, 6, 8 o 10 entradas.
Para hacerlo ve aConfiguración | Formato | Mostrar un máximo de y ahí elige el número de entradas que se mostrarán.

Un dato que hay que tomar muy en cuenta es que si agregas texto a la entrada éste deberá estar debajo de la imagen, de lo contrario el texto se mostrará encima de la miniatura y se verá mal.

Por último y a modo opcional vamos a agregarShadowbox para que las fotos de la galería tanto en la entrada individual como en la portada se vean dentro de una ventana modal.

Para ello descargaeste archivo, descomprímelo y sube los archivos a unhosting.

Luego entra de nuevo enPlantilla | Edición de HTML y antes de/head esto:

link href='URL del archivo css' rel='stylesheet' type='text/css'/
script src='URL del archivo js' type='text/javascript'/
script type='text/javascript'
Shadowbox.init({
overlayColor: "#000",
overlayOpacity: "0.6",
});
/script

Sustituye lo que está encolor rojo por las URLs de los archivos que se indican y que subiste previamente.

Lo último es lo más simple, sólo creamos una entrada y cargamos la foto, en la pestañaEdición de HTML (no en la de Redactar) veremos el código de la imagen, será algo como esto:

arel="shadowbox" title="Título de la imagen" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dUoe5Rff8z83Q4y3CguvcrPmXE2OHG0CmFbNwh0azqMuUIyyxr3384e_fjlnADyTgYngPZlYGuKyu8hL6G32IW8ky6mj7j3JJB6s6dElEsYzpchKFPvKtrCKQ45XiCYzMC3Hfc0hESLs/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dUoe5Rff8z83Q4y3CguvcrPmXE2OHG0CmFbNwh0azqMuUIyyxr3384e_fjlnADyTgYngPZlYGuKyu8hL6G32IW8ky6mj7j3JJB6s6dElEsYzpchKFPvKtrCKQ45XiCYzMC3Hfc0hESLs/s400/11.jpg" width="400" //a

Lo único que hacemos es agregar lo que está en color rojo y ya, con eso la imagen se abrirá en una ventana modal. Agrega donde se indica el título de la fotografía, ese título aparecerá arriba de la imagen una vez que se muestre.

Si deseas que la foto sea parte de una galería de imágenes entonces en lugar de ponerrel="shadowbox", deberás agregar esto:

rel="shadowbox[galeria1]"

Cambia el nombregaleria1 por el nombre de la galería que quieras, así todas las fotos que tengan el mismo nombre de esa galería se mostrarán con flechas dentro de la ventana modal.

Como has podido ver, crear una plantilla en forma de galería no es difícil, el resultado puede ser tan espectacular como tu creatividad te lo permita.

LIFE INSURANCE CO LINCOLN Personal Injury Law Firm DONATE CARS IN MA FUTURISTIC ARCHITECTURE Criminal Defense Attorneys Florida Nunavut culture Psd to html Low Credit Line Credit Cards Donate your car Sacramento structered settlement tucson car accident attorney Car Insurance Quotes Colorado Automobile Accident Attorney PSYCHIC FOR FREE Online casino mesothelioma lawyer virginia boca raton personal injury attorney online motor insurance quotes Live casino maritime lawyer houston Mobile casino Psd to WordPress Donate Your Car Sacramento car donate Service business software Cheap domain registration hosting Casino reviews WordPress hosting Dayton Freight Lines Casino Register Free Domains asbestos lung cancer Html email ROYALTY FREE IMAGES STOCK domains yahoo donate car for tax credit webex costs SELL ANNUITY PAYMENT car insurance quotes pa Nunavut Culture Best Seo company Hire php programmers How to Donate A Car in California domain yahoo structured annuity settlement accident attorneys orange county Better Conference Calls DUI lawyer selling annuity payments for cash Business finance group Bankruptcy lawyer buyers of structured settlements Make money online Australia Best social media platforms for business mesothelioma ct Hire php developers Donate Cars Illinois Asbestos Lung Cancer annuity payment NEUSON mesothelioma information best accident attorneys accident car florida lawyer cheap domain registration hosting Donate a Car in Maryland mesothelioma lawyer chicago CRIMINAL DEFENSE ATTORNEYS FLORIDA futuristic architecture Hard drive data recovery services Php programmers Cheap Car Insurance for Ladies Dwi lawyer buying structured settlements Criminal lawyer personal injury lawyer car accident lawyer san bernardino ONLINE MOTOR INSURANCE QUOTES royalty free images stock DONATING USED CARS TO CHARITY Online Criminal Justice Degree student loan consolidation program DALLAS MESOTHELIOMA ATTORNEYS mesothelioma law firms asterisk call center software state of california car insurance Criminal defense lawyer ONLINECLASSES DONATING A CAR IN MARYLAND Proud Italian cook Car Insurance Quotes Utah Learning adobe illustrator Business management software Best social media platforms Online Motor Insurance Quotes Php programmers for hire World Trade Center Footage Asbestos Lawyers CAR INSURANCE QUOTES COLORADO CHEAP AUTO INSURANCE IN VA Hire php developer Computer science classes online Auto Mobile Shipping Quote DONATE YOUR CAR SACRAMENTO Social media examiner miami personal injury lawyer Seo companies New social media platforms WordPress theme designers Social media management Social media platforms for business Dedicated Hosting Dedicated Server Hosting Custom WordPress theme designer MOTOR REPLACEMENTS PHD on Counseling Education bowne virtual data room

Read More