Trucos para blogger Noticias en movimiento
Hoy revelare un
truco para blogger muy fácil de implementarlo en su blog de blogger, en algunas
plantillas para blogger que regale se podía ver este truco, llevaba el nombre
de Headline o Noticias, y en otras plantillas no, en vista que me han llego
cientos de emails pidiéndome que publicara este truco para blogger, lo voy
hacer. La inserción del código es muy simple y fácil de realizar. Lo que hará
este código es mostrar las últimas publicaciones en texto en movimiento
incluyendo la fecha de publicación, el cual se mostrara en la cabecera
principal de su blog de blogger. Bueno no voy hacer tan largo este post, a
continuación mire su demostración en mi blog de demos, la barra de noticias
tiene como nombre Noticias y se encuentra en la cabecera principal de mi blog
de demos:
Te gusto!
Ahora nos
dirigimos a trabajar
1 Ir a Blogger
2 Da un clic en
“Plantilla”
3 Presiona
“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.
4 Busca este
código
</head>
|
Inserta las
siguientes líneas de código arriba del código que encontraste
<style>
.headline-wrapper{background:#fff;width:950px;height:22px;border-bottom:1px
solid #ffffff;margin:0 auto;padding:0 auto}
.headline{width:950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0
auto;padding:0 auto}
.headline
a:hover{color:#1A13EB;text-decoration:underline}
</style>
<script
src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png'
type='text/javascript'/>
<script
src='http://yourjavascript.com/1532494522/btt_newsticker.txt.js'
type='text/javascript'/>
|
5 Busca
cualquiera de estos dos códigos
<div id='header-wrapper'>
|
<div id='content-wrapper'>
|
Una vez que
hayas encontrado cualquiera de esos dos códigos tendrás que insertar el
siguiente código abajo del código que encontraste
<div class='headline-wrapper'>
<div
class='headline'>
<div
style='float:left;padding:2px 5px 5px 10px;font:bold 14px
Arial;color:#000;text-transform:none;'>
Noticias :
</div>
<div
style='float:left;width:800px;padding:2px 0; position:relative;
overflow:hidden;'>
<script
type='text/javascript'>
var cssfeed=new
gfeedrssticker("example1",
"example1class", 3000, "_new")
cssfeed.addFeed("Headline
News", "http://ayudadeblogger.com/feeds/posts/default")
//Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date")
//show the specified additional fields
cssfeed.setentrycontainer("div")
//Wrap each entry with a DIV tag
cssfeed.filterfeed(10,
"date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div
style='clear:both;'/>
</div>
|
Realiza este
cambio:
Borra el texto
que esta marcado de color azul ayudadeblogger
y pon ahí solo el nombre de tu blog de blogger, por ejemplo si tu blog
se llama así: ejemplo.blogspot.com, copia solo
lo que dice ejemplo.blogspot
y nada mas.
Es momento de
dar un clic en “Guardar plantilla”
Felicidades
ahora tienes una barra de noticias de tus ultimas 10 publicaciones de tu blog
de blogger
¿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
9 comentarios: