Crear un intro para el blog – Email – Hard drive – Seguro

Cuando es la primera vez piensas enhacer un blog seguro se te viene a la mente algo más del estilopágina Web con algún tipo de pantalla de bienvenida, pero luego descubres que una página Web no es lo mismo que un blog, y aunque un blog tiene demasiados puntos positivos a favor de repente hay quien quiere usar estos elementos de las páginas Webs para su propio blog, tal es el caso de laspantallas de presentación o intros.

Aunque hay muchos métodos para ello algunos de estos requieren que se cree un documento html que será el se muestre como presentación, sin embargo esto no es muy recomendable cuando se trata de posicionar el blog. Así que experimentando un poco diseñé un método con el cuál no usaremos páginas adicionales para no afectar el PageRank, y para evitar dañar el posicionamiento o ser sancionados por Google no ocultaremos el contenido del blog, sólo usaremos dos capas, una que es el contenido del blog le pondremos un z-index muy bajo, y otra que será el intro con otro z-index pero más alto, esto hará que los robots de Google puedan leer el contenido del blog sin problemas.

Esteintro para el blog aunque es algo sencillo puede tener más elementos si lo desean, ya será a opción de cada quien, yo por lo pronto sólo le puesto una imagen de presentación, un botón para entrar y música de fondo. Y atención, que sólo se verá en la portada del blog para que no sea molesto para los lectores, así que cuando naveguen por las entradas o páginas del blog el intro no será visible. Puedes ver eldemo en este blog de pruebas.

Ahora veamos cómo ponerlo, primero entra enDiseño | Edición de HTMl y busca esta etiqueta:

body

O si usas una plantilla del Diseñador de Plantillas de Blogger entonces busca esta línea:

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

Justo debajo de cualquiera de una de ellas agrega lo siguiente:

b:if cond='data:blog.url == data:blog.homepageUrl'
style type='text/css'
body {margin:0; padding:0; overflow:hidden;}
.entrar, #navbar-iframe, .navbar {display:none;}
.BlogOculto {z-index:-100;} #Intro {z-index:5000;}
#Intro {text-align:center;
background:#000;/* Color de fondo de la pantalla */
position:absolute;
width:100%;
height:100%;
overflow-x:hidden;
}
p.btnEntrar a {
font-size: 16px; /* Tamaño de la letra del botón */
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #1C1C1C;/* Color de la letra del botón */
background: #ccc; /* Color de fondo del botón */
padding: 6px;
border: 1px solid #2E2E2E;/* Color del borde del botón */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
p.btnEntrar a:hover {position:relative; top:1px; left:1px;}
body#layout #Intro {display:none !important;}
/style

div id='Intro'
div style='margin-top:200px;'
!-- Inicio del contenido del intro --

img src='URL de la imagen'/
p class='btnEntrar'<a href="javascript:void(0);" onClick="document.getElementById('BlogContenedor').className = 'quitarIntro', document.getElementById('Intro').className = 'entrar', document.getElementById('ElementosAudio').innerHTML = '', document.body.style.overflow='auto' ">Entrar</a>/p

div id='ElementosAudio'
iframe frameborder='0' height='0' src='http://www.youtube.com/v/XXXXXXX?&autoplay=1&loop=1' width='0'/
/div

!-- Fin del contenido del intro --
/div
/div
/b:if

div class='BlogOculto' id='BlogContenedor'

Y luego busca la etiqueta/body yarriba de ella agrega esto:

/div

¿Es todo? Sí, eso es todo, ahora sólo vamos a personalizarlo.

En el primer código que hemos agregado están señalados encolor verde algunos aspectos como el color que tendrá el intro, el tamaño de letra del botón, color del botón, etc.

Luego, en donde dice URL de la imagen puedes poner la URL de la imagen del logotipo de tu blog, alguna imagen de bienvenida o cualquier otra imagen. El texto del botón 'Entrar' puede cambiarse por cualquier otro, ahí lo he señalado en negrita, o bien, si lo deseas puedes reemplazar el botón por una imagen, sólo elimina el textoEntrar y en su lugar pon el código de una imagen:

img src="URL de la imagen" /

Si haces eso entonces deberás eliminar el borde y color de fondo del botón señalado en color verde.
Pero esMUY IMPORTANTE que si cambias ese texto o si pones una imagen en su lugarNO modifiques elcódigo púrpura que se encuentra alrededor.

Cualquier elemento que quiera agregarse al intro debe irantes de donde diceFin del contenido del intro odespués deInicio del contenido del intro. Regularmente los intros no tienen muchos elementos por cuestión de presentación, así que entre menos cosas tenga mejor.

En donde dicemargin-top:200px es la distancia que tendrán los elementos del intro respecto a la parte superior de la pantalla, puede modificarse por otro valor.

Yo le he puesto una música de fondo utilizando un video de YouTube sólo que le he puesto en ceros los valores de alto y ancho para que el reproductor sea invisible. Si deseas poner también una música de fondo entonces cambia lasXXXXXXX por la ID del video que quieres poner.
Si quisieras poner un archivo en flash SWF quita el código del reproductor (sólo lo gris) y en su lugar pon el código del SWF. Pero ojo, que sólo debe eliminarse lo que está en color gris.
Si no deseas poner audio, ni tampoco un archivo en flash puedes eliminar el código gris o dejarlo como está.

Si tu blog tiene música que se reproduce al entrar al blog te recomiendo que le quites el autoplay, de lo contrario también se escuchará en el intro del blog. De igual forma, si tienes un video o gadget en flash en las entradas o dentro de la plantilla tendrás que seguir los pasos deesta entrada para que el video o gadget no se sobreponga.

Y ahora sí, parece que es todo, que lo disfruten :)

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

asbestos lung cancer Car Insurance Quotes PA CHEAP AUTO INSURANCE IN VA broward county dui lawyer Live casino Online casino injury lawyer houston tx CHEAP DOMAIN REGISTRATION HOSTING motorcycle lawyer los angeles Computer science classes online Criminal lawyer car insurance quotes pa PAPERPORT PROMOTIONAL CODE bus accident attorney los angeles DONATING A CAR IN MARYLAND adverse remortgage Met auto Social media examiner Donate Cars Illinois Cheap car insurance in Virginia st louis mesothelioma attorney mesothelioma litigation Php programmers Seo companies Register Free Domains Massage school Dallas Texas ROYALTY FREE IMAGES STOCK NUNAVUT CULTURE Hire php programmers Donate Cars in MA Italian cooking school mesothelioma cases Cheap domain registration hosting Adobe illustrator classes Email bulk service Casino los angeles auto accident attorneys Personal Injury Law Firm structured settlement sell Service business software Custom Christmas cards Online Christmas cards Psd to WordPress Proud Italian cook Business management software Royalty Free Images Stock buyer of structured settlement annuity ONLINE MOTOR INSURANCE QUOTES houston mesothelioma attorney Donate a Car in Maryland WordPress themes for designers google affiliate Attorney Asbestos Lawyers Donate Car for Tax Credit Auto Accident Attorney DUI lawyer Auto Mobile Insurance Quote Dwi lawyer Mobile casino orlando criminal attorney Make money online Australia PHD IN COUNSELING EDUCATION Casino reviews Forex Trading Platform cash out structured settlement World Trade Center Footage Neuson Cheap Domain Registration Hosting Hire php developers supportpeachtreecom mesothelioma law firms annuity payment Sell Annuity Payment structured settlement buyer domain name yahoo Cheap Auto Insurance in VA Criminal defense lawyer asterisk call center software structured annuity settlement Personal Injury Lawyer how to donate a car in california dallas mesothelioma lawyer student loan consolidation program Social media platforms for business auto insurance cost by state WORLD TRADE CENTER FOOTAGE Futuristic Architecture Hire php developer cheap car insurance in virginia See more at http//wwwginfostopnet/ Php programmers for hire benchmark lending Bankruptcy lawyer Best social media platforms How to Donate A Car in California sell my structured settlement personal injury lawyer DONATE YOUR CAR FOR KIDS Best social media platforms for business MASSAGE SCHOOL DALLAS TEXAS Best Criminal Lawyers in Arizona tucson car accident attorney Business VOIP Solutions New social media platforms mesothelioma attorney assistance Business finance group DONATE YOUR CAR SACRAMENTO Dayton Freight Lines Custom WordPress theme designer injury attorney baton rouge Seo services Car Donate better conferencing calls illinois mesothelioma lawyer