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
Además, si necesitan ver mas plantillas
para blogger, solo sigan los enlaces que les dejo a continuación: Plantilla Zona, 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, PlantillaTiempos Modernos, Plantilla Taggui, Plantilla Cuántica, Plantilla Década,
Plantilla Pietro, Plantilla Buenas Noticias, Plantilla Revolución, Plantilla Newslie, Plantilla DigitalText, Plantilla Cocina y Plantilla Tendencia.
A continuación mire la demostración de
la plantilla de Negocios en el siguiente enlace
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”
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 del primer menú desplegable
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?&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?&max-results=7'>Noticias</a></li>
<li class='page_item'><a
href='/search/label/negocios?&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ú
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?&max-results=7' title='Noticias'>Noticias de Tecnología</a>
</li>
<li class='cat-item'><a
href='/search/label/Tabletas?&max-results=7'
title='Tabletas '>Tabletas</a>
</li>
<li
class='cat-item'><a href='/search/label/Mercados
y Finanzas?&max-results=7' title='Mercados'>Mercados y Finanzas</a>
</li>
<li
class='cat-item'><a href='/search/label/Inversión
Global?&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?&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
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
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
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
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
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
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
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
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
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('http://feedburner.google.com/fb/a/mailverify?uri=NegociosInversionesNoticias;,
'popupwindow', 'scrollbars=yes,width=550,height=520');return
true' target='popupwindow'>
<div>
<label
for='form-email'>Suscribete a las actualizaciones:</label>
<input
id='form-email' name='email' onblur='if (this.value == '')
{this.value = 'Ingrese su email';}' onfocus='if (this.value
== 'Ingrese su email') {this.value =
'';}' 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.
Para poder obtener el widget de Suscripción
el cual se encuentra ubicado antes del widget de ARTICULOS DESTACADOS, sigue
este enlace:
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.
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
27 comentarios: