Plantillas para blogger gratis línea Negocios


Tutorial de plantillas para blogger Ayudadeblogger.com habilitara una plantilla espectacular para que lo usen en su blog de blogger de forma gratuita. Querían una plantilla realmente hermosa y que encaje en sus blogs? En la actualidad en el mundo del internet existen miles de plantillas gratis para blogger, y casi todas son iguales y tienen el mismo aspecto que las otras plantillas básicas para blogger. Es por esta razón que les voy a presentar una nueva plantilla para blogger completamente gratis y así puedan tener un diseño web profesional. La plantilla se llama línea Negocios. La podrán utilizar en diferentes temas como, Negocios, inversiones, tecnologías, teléfonos, noticias, espectáculos, juegos, medicina, poesía, en fin un sin numero de temas que podrán utilizarla. Ya depende de que se trate su blog y lo podrán implementar. La configuración de esta plantilla para blogger es sumamente fácil de realizarlo, lo único que necesitan hacer es seguir todas mis instrucciones, las cuales se encuentran detalladas en este post. Tutorial de plantilla para blogger


Plantillas para blogger gratis

A continuación mire la demostración de la plantilla de Negocios en el siguiente enlace

crear páginas web

crear páginas web

Les gusto verdad!

Vamos a trabajar en esta nueva plantilla para blogger

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

Plantillas para blogger gratis línea Negocios

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 gratis línea Negocios

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 gratis línea Negocios

Configuración del primer menú desplegable

Plantillas para blogger gratis

Busca este código

<li class='first'><a href='/'>Inicio</a></li>

Una vez que hayas encontrado el código te mostrara un código como el siguiente

<li class='first'><a href='/'>Inicio</a></li>  
                                                                                                         
<li class='page_item'><a href='/search/label/Negocios?&amp;max-results=7'>Economía</a></li>
<li class='page_item'><a href='http://www.negociosinversiones.com/2013/05/sector-aeroespacial-civil-mercados-emergentes.html'>Inversiones</a></li>

                      <li class='page_item page-item-6'><a href='#'>Contactos</a>
<ul class='children'>
<li class='page_item'><a href='https://www.facebook.com/negocioseinversiones'>Facebook</a></li>
<li class='page_item'><a href='https://twitter.com/Negociosinversi'>Twitter</a></li>
<li class='page_item'><a href='https://plus.google.com/105961125867158573751'>Google +</a></li>
</ul>
</li>
<li class='page_item'><a href='/search/label/Noticias?&amp;max-results=7'>Noticias</a></li>
<li class='page_item'><a href='/search/label/negocios?&amp;max-results=7'>Archivos</a>
<ul class='children'>
            <li class='page_item'><a href='http://www.negociosinversiones.com/search/label/Tecnologia'>Archivos</a></li>
</ul>
</li>
<li class='page_item'><a href='http://www.negociosinversiones.com/2013/05/wall-street-en-esta-semana-vende-en-mayo-no-este-ano.html'>Wall Street</a></li>

Realiza estos cambios:

Cambia las URLs que están marcadas de color azul por las que tú quieras, al igual los nombres que están marcados de color rojo por el nombre de tus categorías.

Segundo Paso

Configuración del segundo menú

Plantillas para blogger gratis

Busca este código

<li class='cat-item'><a href='/' title='Iniciar'>Inicio</a>

Cuando hayas encontrado el código, te mostrara un código como el siguiente

<li class='cat-item'><a href='/' title='Iniciar'>Inicio</a>
</li>
                      <li class='cat-item cat-item-3'><a href='/search/label/Noticias de Tecnologia?&amp;max-results=7' title='Noticias'>Noticias de Tecnología</a>
</li>
<li class='cat-item'><a href='/search/label/Tabletas?&amp;max-results=7' title='Tabletas '>Tabletas</a>
</li>
            <li class='cat-item'><a href='/search/label/Mercados y Finanzas?&amp;max-results=7' title='Mercados'>Mercados y Finanzas</a>
</li>
            <li class='cat-item'><a href='/search/label/Inversión Global?&amp;max-results=7' title='Inversión'>Inversión Global</a>
</li>
            <li class='cat-item'><a href='/search/label/Noticias' title='Internacionales'>Noticias Internacionales</a>
</li>
            <li class='cat-item'><a href='/search/label/Tecnologia?&amp;max-results=7' title='Negocios '>Negocios Tecnológicos</a>
</li>

Realiza estos cambios:

Cambia todas las URLs que están marcadas de color azul por las de tu blog, al igual borra los nombres que están marcados de color rojo, y pon ahí los nombres que tú quieras.

Tercer Paso

Configuración del widget Breaking News, en este punto vamos a utilizar nuestras etiquetas

Plantillas para blogger gratis

Busca este código

label1 = "Noticias de Tecnologia";

Realiza este cambio:

Remplaza el nombre que dice “Noticias de Tecnologia” por el nombre de una de tus etiquetas que quieras mostrar en este widget.


Cuarto Paso

Configuración del widget ULTIMAS NOTICIAS

Plantillas para blogger gratis

Busca este código

label2 = "Negocios";

Realiza este cambio:

Borra el nombre que dice “Negocios” y pon ahí el nombre de una de tus etiquetas


Quinto Paso

Configuración del Slideshow carrusel

Plantillas para blogger gratis

Busca este código

label3 = "Noticias de Tecnologia";

Realiza este cambio:

Tienes que cambiar el nombre que dice “Noticias de Tecnologia” por el nombre de una de tus etiquetas


Sexto Paso

Configuración del widget NOTICIAS GLOBAL

Plantillas para blogger gratis

Busca este código

label4 = "Noticias";

Realiza este cambio:

Borra el nombre que dice “Noticias” y pon ahí el nombre una de tus etiquetas que quieras mostrar en esta categoría

Séptimo Paso

Configuración del Slideshow

Plantillas para blogger gratis

Busca este código

label5 = "Noticias de Tecnologia";

Realiza este cambio:

Para que aparezcan nuestros post en el Slideshow de nuestro blog, tienen que borrar el nombre que dice “Noticias de Tecnologia” y poner ahí el nombre de una de tus etiquetas que quieras dar a conocer en el Slideshow.


Octavo Paso

Configuración del widget NEGOCIOS TECNOLOGICOS

Plantillas para blogger gratis

Busca este código

label6 = "Tecnologia";

Realiza este cambio:

Borra el nombre que dice “Tecnologia” y pon ahí el nombre de una de tus etiquetas


Noveno Paso

Configuración del widget TABLETAS

Plantillas para blogger gratis

Busca este código

label7 = "Tabletas";

Realiza este cambio:

Para que se muestre sus post en esta categoría, tendrán que borrar el nombre que dice “Tabletas” y pon ahí el nombre de una de tus etiquetas que quieras mostrar


Has terminado la configuración de los widgets, es momento de seguir con otra configuración de las redes sociales

Decimo Paso

Configuración de los iconos de las Redes sociales

Plantillas para blogger gratis

Busca este código

<div class='social-icons'>

Una vez que hayas encontrado el código, te mostrara un código como el siguiente

<div class='social-icons'>
                                   <ul>
                                               <li class='icon-rss'><a href='http://feeds.feedburner.com/NegociosInversionesNoticias'>RSS</a><span>Noticias</span></li>
                                               <li class='icon-google'><a href='https://plus.google.com/105961125867158573751'>Google Plus</a><span>Add circle</span></li>
                                               <li class='icon-twitter'><a href='https://twitter.com/Negociosinversi'>Twitter</a><span>Sigueme</span></li>
                                               <li class='icon-facebook'><a href='https://www.facebook.com/negocioseinversiones'>Facebook</a><span>Haste Fan</span></li>                                              

Realiza estos cambios:

He marcado de color azul 4 URLs de las cuales tendrás que borrar todas y poner tus URLs correspondientes de tus redes sociales

Onceavo Paso

Configuración de la Suscripción por correo electrónico

Plantillas para blogger gratis

Busca este código

<div class='column column-last'>

Una vez que hayas encontrado el código, te mostrara las siguientes líneas de código

<form action='http://feedburner.google.com/fb/a/mailverify' id='form-subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=NegociosInversionesNoticias;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                                                                       <div>
                                                                                  <label for='form-email'>Suscribete a las actualizaciones:</label>
                                                                                  <input id='form-email' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Ingrese su email&apos;;}' onfocus='if (this.value == &apos;Ingrese su email&apos;) {this.value = &apos;&apos;;}' type='text' value='Ingrese su email'/>
                                                                                  <input name='uri' type='hidden' value='NegociosInversionesNoticias'/>
                                                                                  <input name='loc' type='hidden' value='es_ES'/>
                                                                                  <input class='submit green' id='form-submit' type='submit' value='Suscribete'/>

Realiza estos cambios:

Este punto es muy importante, he marcado de color rojo en las palabras que tienes que borrarlo y poner ahí el nombre correspondiente de tu FeedBurner de suscripción

Bueno eso es todo, ahora dale un clic en “Guardar plantilla” por fin has terminado de configurar tu nueva plantilla para blogger, se dieron cuenta que es fácil de realizar este gran tutorial para blogger?

Ahora dirígete a “Diseño


Organiza tus antiguos widgets en las diferentes posiciones que existe en esta nueva plantilla, a continuación les voy a dejar una imagen de como debe estar organizado sus antiguos widgets y ubicados perfectamente.

Plantillas para blogger gratis

Para poder obtener el widget de Suscripción el cual se encuentra ubicado antes del widget de ARTICULOS DESTACADOS, sigue este enlace:

Plantillas para blogger gratis


Espero que les haya sido de mucha ayuda este tutorial de 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 retirar los links de la página.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé.

Saludos.




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: