Plantillas para Blogger Línea DigitalText
Plantillas para Blogger con un diseño
único y una estructura dinámica para buscadores. Encontrar plantillas para
blogger que contengan las especificaciones técnicas de un diseñador web
profesional es algo que no te puedes perder. Ayuda de blogger te presenta una
nueva plantilla para blogger, con la cual la podrás usar en las temáticas que
tú quieres. Ahora solo te hace falta comprar un dominio en Hostgator o en
Godaddy.com y mostrar al mundo lo bueno que eres vendiendo por internet o darte
a conocer con temas interesantes. Blogger la mejor plataforma web para crear
paginas web. No voy hacer tan larga esta explicación, anteriormente publique
algunas plantillas para blogger de las cuales les dejo los enlaces a continuación:
Plantilla de Noticias, Plantilla de Teléfonos, Plantilla de Espectáculos, Plantilla de Revista, Plantilla de Yahoo, Plantilla de Deportes, Plantilla Evolución, Plantilla Platón, Plantilla Negas, Plantilla Libertad, Plantilla Tiempos Modernos, Plantilla Taggui, Plantilla Cuántica, Plantilla Década, Plantilla Pietro, Plantilla Buenas Noticias, Plantilla Revolución y Plantilla Newslie
Plantilla de Noticias, Plantilla de Teléfonos, Plantilla de Espectáculos, Plantilla de Revista, Plantilla de Yahoo, Plantilla de Deportes, Plantilla Evolución, Plantilla Platón, Plantilla Negas, Plantilla Libertad, Plantilla Tiempos Modernos, Plantilla Taggui, Plantilla Cuántica, Plantilla Década, Plantilla Pietro, Plantilla Buenas Noticias, Plantilla Revolución y Plantilla Newslie
Plantilla de 4 columnas para blogger
Características de la Plantilla
DigitalText
Estructura SEO
Diseño dinámico para buscadores
Widgets basado en Etiquetas
Redes sociales habilitado
Respuesta de mensajes en las entradas
Lista para publicidad de Adsense
Buscador Integrado
SEO amistoso
A continuación mire su demostración en
mi blog de demos
Te gusto verdad!
Vamos a trabajar
1 Ir a Blogger
2 Dirígete a “Plantilla”
3 Da un clic en la parte superior derecha donde
dice “Crear copia de seguridad/restablecer”
y se te abrirá una venta en la cual tendrás que dar un clic en “Examinar” y buscar el archivo XML que se te
fue enviada. Luego das un clic en “Subir”
y automáticamente ya tendrás instalada la plantilla en tu blog de
blogger.
4 Ahora dirígete a diseño y vas a encontrar que
tus widgets están totalmente desordenados no te preocupes, no borres nada y
sigue primero las instrucciones siguientes y luego podrás ordenar tus widgets:
Primer Paso:
Da un clic en “Plantilla”
Luego un clic en “Editar HTML”
Ahora se te abrirá el editor HTML de tu
plantilla, se mostrara igual como la imagen que esta a continuación
En este punto deberás presionar la tecla
“Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador
integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que
insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación
mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en
tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al
momento que yo diga busca este código.
Configuración de los 3 iconos de
Facebook, Twitter y Google+
Busca este link
Una vez que hayas encontrado el link, se
te mostrara un código como el que te dejo a continuación:
<a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017'
target='_blank' title='facebook'><img alt='facebook'
src='http://3.bp.blogspot.com/-UEShToID8F4/UXqwyAor7pI/AAAAAAAAASU/7bGsrhjv3i8/s1600/fb_icon_top.jpg'/></a>
<a href='https://twitter.com/ayudadeblogger'
target='_blank' title='twitter'><img alt='twitter'
src='http://1.bp.blogspot.com/-SuqOCmUTqR4/UXqw5-JNyjI/AAAAAAAAASc/qtjJWOa8fRM/s1600/twitter_icon_top.jpg'/></a>
<a href='https://plus.google.com/114283163993086871162'
target='_blank' title='google+'><img alt='google+'
src='http://3.bp.blogspot.com/-pOkN8oVRbd4/UXqxCRbNnQI/AAAAAAAAASo/21cWZeqfQgI/s1600/gplus_top_icon.jpg'/></a>
|
Realiza estos cambios:
He marcado de color azul a tres links,
deberás borrarlos y poner en cada uno de ellos los links pertenecientes de tus
redes sociales.
Segundo Paso
Configuración del widget Temas
Busca este código
label2 = "Temas";
Realiza este cambio:
Borra el texto que dice “Temas” y pon el
nombre de una las etiquetas que quieras mostrar.
Que es una etiqueta, más información en
este enlace
Tercer Paso
Configuración del widget NOTICIAS AHORA
Busca este código
label3 = "Farandula";
Realiza este cambio:
Borra el texto que dice “Farandula” y
pon el nombre de una las etiquetas que quieras mostrar.
Cuarto Paso
Configuración del widget TECNOLOGIA
Busca este código
label4 = "Tecnologia";
Realiza este cambio:
Borra el texto que dice “Tecnologia” y
pon el nombre de una las etiquetas que quieras mostrar.
Que es una etiqueta, más información en
este enlace
Quinto Paso
Configuración del widget INVERSIONES
Busca este código
label5 = "Inversiones";
Realiza este cambio:
Borra el texto que dice “Inversiones” y
pon el nombre de una las etiquetas que quieras mostrar.
Sexto Paso
Configuración del widget ENTRETENIMIENTO
Busca este código
label6 = "Farandula";
Realiza este cambio:
Borra el texto que dice “Farandula” y
pon el nombre de una las etiquetas que quieras mostrar.
Séptimo Paso
Configuración del widget DEPORTES
Busca este código
label7 = "Deportes";
Realiza este cambio:
Borra el texto que dice “Deportes” y pon
el nombre de una las etiquetas que quieras mostrar.
Octavo Paso
Configuración del widget VIAJES
Busca este código
label8 = "Temas";
Realiza este cambio:
Borra el texto que dice “Temas” y pon el
nombre de una las etiquetas que quieras mostrar.
Noveno Paso
Configuración del widget NOTICIAS
TECNOLOGICAS
Busca este código
label9 = "Tecnologia";
Realiza este cambio:
Borra el texto que dice “Tecnologia” y
pon el nombre de una las etiquetas que quieras mostrar.
Decimo Paso
Configuración del widget FARANDULA
Busca este código:
label10 = "Farandula";
Realiza este cambio:
Borra el texto que dice “Farandula” y
pon el nombre de una las etiquetas que quieras mostrar.
Onceavo Paso
Configuración del widget FINANCIAMIENTOS
Busca este código:
label11 = "Inversiones";
Realiza este cambio:
Borra el texto que dice “Inversiones” y
pon el nombre de una las etiquetas que quieras mostrar.
Doceavo paso
Configuración del widget NOTICIAS
DEPORTIVAS
Busca este código
label12 = "Deportes";
Realiza este cambio:
Borra el texto que dice “Deportes” y pon
el nombre de una las etiquetas que quieras mostrar.
Treceavo Paso
Configuración del widget MUNDO NOTICIAS
Busca este código
label13 = "Temas";
Realiza este cambio:
Borra el texto que dice “Temas” y pon el
nombre de una las etiquetas que quieras mostrar.
Catorceavo Paso
Configuración del widget ACTUALIDAD
Busca este código
label14 = "Tecnologia";
Realiza este cambio:
Borra el texto que dice “Tecnologia” y
pon el nombre de una las etiquetas que quieras mostrar.
Quinceavo Paso
Configuración del widget INTERNACIONALES
label15 = "Farandula";
Realiza este cambio:
Borra el texto que dice “Farandula” y
pon el nombre de una las etiquetas que quieras mostrar.
Sextavo Paso
Configuración del widget ECONOMIA
Busca este código
label16 = "Inversiones";
Realiza este cambio:
Borra el texto que dice “Inversiones” y
pon el nombre de una las etiquetas que quieras mostrar.
Ahora damos un clic en “Guardar
plantilla” ya hemos terminado la configuración de los widgets.
Sextavo Paso
Configuración del Menú principal
Damos un clic en “Diseño”, y abrimos un
nuevo gadget “Añadir un gadget”, luego buscamos el widget que dice
“HTML/Javascript” e insertamos las siguientes líneas de código en su interior
<style>
#mbtnavbar {
background: #3B5998;
width: 100%;
color: #FFF;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li a, #mbtnav li
a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;
border-right:0px solid #627AAD;
}
#mbtnav li a:hover,
#mbtnav li a:active {
background: #627AAD;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul,
#mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul
ul {
left: -999em;
}
#mbtnav li:hover ul,
#mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul,
#mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav
li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav
li li a:link, #mbtnav li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#mbtnav li li a:hover,
#mbtnav li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
#mbtnav li li li a,
#mbtnav li li li a:link, #mbtnav li li li a:visited {
background: #EDEFF4;
width: 120px;
color: #3B5998;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;
}
#mbtnav li li li a:hover,
#mbtnav li li li a:active {
background: #627AAD;
color: #FFF;
display: block;
}
</style>
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a
href='/'>Inicio</a>
</li>
<li>
<a href='AQUÍ EL LINK'>Noticias
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Economia
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK '>Farandula
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Deportes
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page #3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Tecnologia
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Negocios
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
#'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href= AQUÍ EL LINK
'#'>Sub
Page #3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Entretenimiento
▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page #2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page #3</a></li>
</ul>
</li>
<li>
<a href=' AQUÍ EL LINK
'>Sitemap ▼</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#2</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Page
#3</a>
<ul>
<li><a href=' AQUÍ EL LINK
'>Sub Sub
Page #1</a></li>
<li><a href=' AQUÍ EL LINK
'>Sub Sub
Page #2</a></li>
<li><a href=' AQUÍ EL LINK '>Sub Sub Page #3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
|
Realiza estos cambios:
He marcado de dos diferentes colores
para que no se confundan al momento de realizar los cambios en su menú
desplegable, las letras que están marcadas de color azul AQUÍ EL LINK deberás borrarlas y
poner el link de los post que tu quieras mostrar en el menú, al igual borra las
letras que están marcadas de color rojo y pon el nombre que quieras en el menú.
Eso es todo ahora dale un clic en guardar y ubica tu widget donde te muestra la
imagen a continuación:
Eso es todo has terminado con la
configuración de la plantilla, ahora organiza los widgets que tenias antes y
ponlos tal como te muestro en la imagen a continuación.
Términos y condiciones de Uso
Mis términos son claros, esta plantilla es gratis y no se permite su venta ni tampoco quitar los links del autor.
¿Necesitas ayuda?
Cualquier pregunta no duden en hacérmelo saber
y de inmediato les responderé.
Saludos.
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
9 comentarios: