Abrir ventana al cargar el blog con Shadowbox – Virginia

Desde que vimos cómo usarventanas modales con Shadowbox muchos son los que han tenido la inquietud por saber cómo hacer que estasventanas modales puedan abrirse al cargar el blog sin necesidad de hacer click en ningún enlace, tal como han podido verlo an ingresar a esta entrada.

Éstas pueden resultar muy útiles para mostrar publicidad, avisos, recordatorios, o cualquier cosa que pondríamos en una ventana popup pero con la elegancia que Shadowbox sabe dar.

Si no tienes Shadowbox primero sigue los pasos de instalación que se explican enesta entrada.

Y luego, ya que lo tengas puesto, o si ya lo usas desde antes, sólo agrega antes de/head lo siguiente:

b:if cond='data:blog.url == data:blog.homepageUrl'
script type='text/javascript'
// ![CDATA[
Shadowbox.init({
language: "es",
players: ['html']
});
function AlertMessage()
{
Shadowbox.open({
player: 'html',
content: 'Código HTML de lo que se mostrará',
height: 300,// Alto de la ventana modal
width: 500// Ancho de la ventana modal
});
}
setTimeout('Shadowbox.close()', 10000);
window.onload = AlertMessage;
//
/script
/b:if

Por último sólo hay que colocar lo que queremos mostrar, eso se agrega en donde se indica encolor azul. Si quieres agregar una imagen con enlace, o una animación en Flash (SWF), etc. entonces sólo agrega en donde se indica en color azul el código HTML de lo que quieres mostrar.

Por ejemplo, si quieres mostrar una imagen en la ventana modal entonces sólo agrega el código normal que usarías en una imagen:

a href="URL del enlace" target="_blank"img src="URL de la imagen"//a

O si fuera una DIV con un texto, o algo más elaborado entonces sería así, por ejemplo:

div style="padding:20px; color:#fff;"Lorem ipsum dolor sit amet/div

Y lo mismo sería si quisieras mostrar unarchivo en Flash (SWF), sólo agrega el código correspondiente y listo.

Luego, encolor verde se indica dónde se cambia el ancho y alto de la ventana modal.

La línea encolor rojo es para que la ventana se cierre sola en determinado tiempo, sino quieres que se cierre automáticamente entonces elimínala, pero si quieres que sí se cierre sola entonces ahí puedes cambiarle el tiempo que permanecerá abierta en milisegundos (se cambia el número en negrita), así como está tardará abierta 10 segundos.

Pero ojo, no son 10 segundos desde que aparece la ventana modal sino desde que se ingresa al blog, así que si tu blog es muy tardado y la ventana modal tarda un poco en cargar entonces podrá verse por menos tiempo o si es mucho el tiempo de carga simplemente no se verá.

También se puede mostrar contenido un poco más "complejo", aunque éste método no funciona del todo bien en Google Chrome. Aun así, si lo quieres hacer, deberás crear un documento HTML que incluirá todo lo que quieres mostrar, será como una mini página Web.

Para ello abre el Bloc de notas y dentro de él pega esto:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
style
...Aquí van los estilos CSS...
/style
/head
body

...Aquí pegamos el contenido que queremos mostrar...

/body
/html

Ahí donde se indica pega el contenido que quieres, y si requiere de estilos se colocan donde se indica también.
Cuando termines ve aArchivo | Guardar como... y ponle el nombrepopup.html o con cualquier otro nombre pero al final deberá decir.html

Luego cambia elTipo aTodos los archivos, y daleGuardar.

Con esto lo estaremos guardando en formato de página Web, así que probablemente te aparezca un mensaje de advertencia donde te dirá que estás guardando el archivo en otro formato, sólo da click en Sí para guardar el archivo.

Sube ese archivo HTML a un hosting y obtén su URL, esa URL es la que pondrás en donde se indica en color azul.

Y donde dice player: 'html', cámbialo por player: 'iframe',

Puede parecer complicado esto último de armar el contenido "complejo" pero no lo es tanto, obviamente si no estás muy familiarizado (a) con el HTML lo mejor es poner algo muy sencillo como la URL de una imagen y problema resuelto.

Es importante aclarar (porque sé que me lo preguntarán) queno se mostrará una vez y ya, sino que se mostrará sólo en la portada del blog. Si quieras que se muestre en cualquier parte del blog entonces elimina la primera y última línea del código que están encursiva.

Si quisieras que sólo se muestre en las páginas estáticas, o sólo en las entradas, o en una parte específica del blog entonces elimina de igual modo la primera y última línea y en su lugar pon las líneas delcódigo condicional que sea más apropiado para ti.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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

Criminal lawyer Personal Injury Law Firm Psd to html NEUSON Mobile casino DAYTON FREIGHT LINES Donate Car to Charity California mesothelioma lawyer virginia structured settlement quote Hire php developers mesothelioma Make money online Australia Online casino Casino CRIMINAL DEFENSE ATTORNEYS FLORIDA accident attorney san bernardino fast cash for house Business finance group Donate car for tax credit accident attorneys orange county CAR INSURANCE QUOTES UTAH Motor Replacements dui lawyer scottsdale personal injury solicitor LOW CREDIT LINE CREDIT CARDS personal injury firm Php programmers SELL ANNUITY PAYMENT Annuity Settlements Proud Italian cook Donate a Car in Maryland Social media management CAR INSURANCE IN SOUTH DAKOTA DONATING A CAR IN MARYLAND Bankruptcy lawyer DUI lawyer Social media tools Hard drive Data Recovery Services Car Insurance Companies Personal Injury Lawyer tennessee mesothelioma lawyer Online motor insurance quotes asbestos exposure lawyers Health Records Personal Health Record WordPress themes for designers Casino reviews donating used cars to charity motorcycle accident lawyer california Sell Annuity Payment uk homeowner loans car insurance quotes mn Cheap Car Insurance for Ladies auto accident lawyer san francisco HOW TO DONATE A CAR IN CALIFORNIA Adobe illustrator classes Service business software car insurance in south dakota Live casino Donate car to charity California structured settlement purchasers Massage school Dallas Texas cheap auto insurance in va accident attorney orange county Custom WordPress theme designer Custom Christmas cards Massage School Dallas Texas ONLINE MOTOR INSURANCE QUOTES Home phone internet bundle Motor replacements Html email Hire php programmers Dwi lawyer Computer science classes online Cheap Auto Insurance in VA mesothelioma personal injury lawyers Best Criminal Lawyers in Arizona mesothelioma lawyer california online colledges peritoneal mesothelioma structured annuity settlement mesothelioma settlements amounts auto accident attorney Torrance Social media platforms holland michigan college Criminal defense lawyer WordPress hosting attorney lawyer mesothelioma Social media strategies Php programmers for hire Hire php developer Social media platforms for business Auto Mobile Insurance Quote meso lawyer mesothelioma settlements auto insurance yuba city ca Insurance Best Seo company CAR INSURANCE QUOTES PA mesothelioma lawyer dallas Mortgage mesothelioma attorneys california Seo companies Car Insurance Quotes Colorado structured settlemen Car Accident Lawyers Best social media platforms for business New social media platforms donate old cars to charity motorcycle lawyer los angeles hair removal washington dc Best social media platforms refinance with poor credit emergency response plan ppt Seo services mesothelioma law suits