Entrada destacada

PƁGINA DE BIENVENIDA

PƁGINA DE BIENVENIDA

Como insertar un Headline en un solo widget en blogger

Como insertar un Headline en 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 para que realice todo este trabajo!Lo podrĆ”s realizar de forma manual y asĆ­ aumentar las vistas de tus antiguos post. Un Headline  sirve para mostrar los temas mĆ”s destacados de nuestros post. La funcionalidad del Headline 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 mostrara el Titulo del Post , 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 para blogger funciona perfectamente en todos los navegadores web como Firefox, Internet Explorer, Google Chrome etc. 

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;'> &nbsp; &nbsp;<a href="http://tutorialesbloggerkiradober.blogspot.com.es   
/"> <font color=#ffffff> <b>Tutoriales Tutoriales Blogger</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://tutorialesbloggerkiradober.blogspot.com.es 
/"> <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://tutorialesbloggerkiradober.blogspot.com.es 
/"><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://tutorialesbloggerkiradober.blogspot.com.es 
/"> <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://tutorialesbloggerkiradober.blogspot.com.es 
/"> <font color=#ffffff> <b>Tutoriales Tutoriales Blogger</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://tutorialesbloggerkiradober.blogspot.com.es 
/"><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,"ojo" no borrar la / del final

- 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 naranja son las responsables de la pequeƱa descripciĆ³n de tu post, bĆ³rralos y pon ahĆ­ una pequeƱa descripciĆ³n

- Si quieres cambiar el color basta con cambiar este cĆ³digo 7FB51A por el que tĆŗ quieras

AdemĆ”s si quieres aumentar mĆ”s puestos de mensajes en su Headline, solo tendrĆ”n que aumentar un cĆ³digo como el siguiente

<span style='background-color:#7FB51A;'> &nbsp; &nbsp; <b><a href="http://tutorialesbloggerkiradober.blogspot.com.es /"><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 azul&nbsp;

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

CONVERSATION

0 comentarios:

Publicar un comentario

AddToAny

Printfriendly

Back
to top