Como insertar un Headline de Noticias con un solo widget en blogger
Querías insertar en tu blog de blogger
un Headline de Noticias con un solo widget y un simple código que realice todo
este grandioso trabajo! Te comento que lo podrás realizar de forma manual y así
aumentar las vistas de tus antiguos post que tal vez los usuarios que visitan
tu blog no lo hayan encontrado. Un Headline de Noticias sirve para mostrar los
temas más destacados de nuestros post. La funcionalidad del Headline de Noticias
para blogger es muy fácil de realizarlo, solo vamos a copiar un código e
insertarlo en un solo widget y no necesitaran ingresar en el Editor HTML de su
plantilla. El widget Headline de noticias mostrara el Titulo de su noticia, una descripción
breve de su post y el link en el cual los usuarios podrán abrirlo para poder
ver el tema interesante que van a mostrar. El widget Headline de Noticias para
blogger funciona perfectamente en todos los navegadores web como Firefox,
Internet Explorer, Google Chrome etc. En una anterior publicación di a conocer
otro estilo de Headline de Noticias para blogger del cual les dejo el enlace:
A continuación mire su demostración en
mi blog de demos
Les gusto verdad!
Vamos a trabajar
1 Ir a blogger
2 Da un clic en “Diseño”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
ábrelo e inserta el siguiente código en su interior
<div id="TICKER"
style="display:none; border-top:1px solid #CCCCCC; border-bottom:1px
solid #CCCCCC; overflow:hidden; background-color:#FFFFFF; width:980px"
onmouseover="TICKER_PAUSED=true"
onmouseout="TICKER_PAUSED=false">
<span style='background-color:#7FB51A;'>
<a href="http://www.ayudadeblogger.com/">
<font color=#ffffff> <b>Tutoriales
Ayudadeblogger</b></font>
</a></span> <b>Todos
los tutoriales de blogger</b>
<span style='background-color:#7FB51A;'>
<a href="http://www.ayudadeblogger.com/">
<font color=#ffffff> <b>Tutoriales de
Slideshow</b></font>
</a></span> <b>Todos
los tutoriales de Slideshow</b>
<span style='background-color:#7FB51A;'>
<b><a href="http://www.ayudadeblogger.com/"><font
color=#ffffff>Tutoriales de Plantillas</font></a></b>
</span> <b>Todos
los tutoriales de Plantillas</b>
<span style='background-color:#7FB51A;'>
<a href="http://www.ayudadeblogger.com/">
<font color=#ffffff> <b>Tutoriales de
Slideshow</b></font>
</a></span> <b>Todos los tutoriales de
Slideshow</b>
<span style='background-color:#7FB51A;'>
<a href="http://www.ayudadeblogger.com/">
<font color=#ffffff> <b>Tutoriales
Ayudadeblogger</b></font>
</a></span> <b>Todos
los tutoriales de blogger</b>
<span style='background-color:#7FB51A;'>
<b><a href="http://www.ayudadeblogger.com/"><font
color=#ffffff>Tutoriales de Plantillas</font></a></b>
</span> <b>Todos
los tutoriales de Plantillas</b>
<script type="text/javascript"
src="http://yourjavascript.com/49007222130/webticker-lib.js"
language="javascript"></script></div>
|
Realiza estos cambios:
He marcado de tres diferentes colores en
los lugares que ustedes tendrán que realizar sus diferentes cambios
- Cambia las URLs que están marcadas de
color azul por las URLs correspondientes de tus post
- Las palabras que están marcadas de color
rojo son los títulos de los post, bórralos y pon ahí los títulos que tú quieras
- Las palabras que están marcadas de color
verde son las responsables de la pequeña descripción de tu post, bórralos y pon
ahí una pequeña descripción
- Si quieren cambiar el color basta con
cambiar este código 7FB51A por el que tú quieras
Además si quieren aumentar más puestos
de mensajes en su Headline de Noticias, solo tendrán que aumentar un código como
el siguiente
<span style='background-color:#7FB51A;'>
<b><a href="http://www.ayudadeblogger.com/"><font
color=#ffffff>Tutoriales de Plantillas</font></a></b>
</span> <b>Todos
los tutoriales de Plantillas</b>
|
Recuerda insertarlo luego del código que
está marcado de color amarillo
Y si quieren hacerlo más pequeño o más
grande, solo tendrán que aumentar o disminuir su tamaño en el código que está
marcado de color violeta width:980px
Eso es todo, ahora dale un clic en “Guardar”
y ubícalo debajo de la cabecera principal de tu blog o donde tú lo prefieras
Fácil verdad!
Recuerda suscribirte a mis nuevas actualización
y así lo recibirás directamente en tu correo electrónico
¿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
luis pon el color verde como antes los menus. Estaba mejor
ResponderEliminarOk amigo... estoy probando colores
EliminarMuchas gracias, interesante!
ResponderEliminarHermano, todo bien con el script, funciona perfecto, pero me tarda en actualizarme las noticias; me explico, publico una noticia y no me aparece inmediatamente en el headline, por qué será? saludos
ResponderEliminar