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 NoticiasPlantilla de TeléfonosPlantilla de Espectáculos, Plantilla de RevistaPlantilla de YahooPlantilla de DeportesPlantilla EvoluciónPlantilla PlatónPlantilla NegasPlantilla LibertadPlantilla Tiempos ModernosPlantilla Taggui, Plantilla CuánticaPlantilla DécadaPlantilla 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

Plantillas para Blogger

A continuación mire su demostración en mi blog de demos

crear páginas web

crear páginas web

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

Plantillas para Blogger

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.

Plantillas para Blogger

Configuración de los 3 iconos de Facebook, Twitter y Google+

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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

Plantillas para Blogger

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:

Plantillas para Blogger

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.

Plantillas para Blogger

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
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Related post

Comentarios

9 comentarios: