add

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:


Como insertar un Headline de Noticias con un solo widget en blogger

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

Como insertar un Headline de Noticias con un solo widget en blogger

3 Abre un gadget “Añadir un gadget

Como insertar un Headline de Noticias con un solo widget en blogger

4 Busca el widget que dice “HTML/Javascript” ábrelo e inserta el siguiente código en su interior

Como insertar un Headline de Noticias con un solo widget en blogger

<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;'> &nbsp; &nbsp;<a href="http://www.ayudadeblogger.com/"> <font color=#ffffff> <b>Tutoriales Ayudadeblogger</b></font>&nbsp; &nbsp; </a></span> &nbsp; <b>Todos los tutoriales de blogger</b>&nbsp;

    <span style='background-color:#7FB51A;'> &nbsp; &nbsp;<a href="http://www.ayudadeblogger.com/"> <font color=#ffffff> <b>Tutoriales de Slideshow</b></font>&nbsp; &nbsp; </a></span> &nbsp; <b>Todos los tutoriales de Slideshow</b>&nbsp;

    <span style='background-color:#7FB51A;'> &nbsp; &nbsp; <b><a href="http://www.ayudadeblogger.com/"><font color=#ffffff>Tutoriales de Plantillas</font></a></b>&nbsp; &nbsp; </span> &nbsp; <b>Todos los tutoriales de Plantillas</b>&nbsp;

<span style='background-color:#7FB51A;'> &nbsp; &nbsp;<a href="http://www.ayudadeblogger.com/"> <font color=#ffffff> <b>Tutoriales de Slideshow</b></font>&nbsp; &nbsp; </a></span> &nbsp; <b>Todos los tutoriales de Slideshow</b>&nbsp;

<span style='background-color:#7FB51A;'> &nbsp; &nbsp;<a href="http://www.ayudadeblogger.com/"> <font color=#ffffff> <b>Tutoriales Ayudadeblogger</b></font>&nbsp; &nbsp; </a></span> &nbsp; <b>Todos los tutoriales de blogger</b>&nbsp;

    <span style='background-color:#7FB51A;'> &nbsp; &nbsp; <b><a href="http://www.ayudadeblogger.com/"><font color=#ffffff>Tutoriales de Plantillas</font></a></b>&nbsp; &nbsp; </span> &nbsp; <b>Todos los tutoriales de Plantillas</b>&nbsp;
    <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;'> &nbsp; &nbsp; <b><a href="http://www.ayudadeblogger.com/"><font color=#ffffff>Tutoriales de Plantillas</font></a></b>&nbsp; &nbsp; </span> &nbsp; <b>Todos los tutoriales de Plantillas</b>&nbsp;


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


emailEnviar por correo

4 comentarios:

  1. luis pon el color verde como antes los menus. Estaba mejor

    ResponderEliminar
  2. Hermano, 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

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios