MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Ultimas entradas de tu blog en tu sidebar

Por http://www.ayudadeblogger.com/

Hola:
Me gusta compartir todo aquello que voy agregando a mi sitio y que tomo de varios lugares en donde personas como Luis Chávez nos ayudan a tener un mejor blog. Ahora se trata de un slider que se ubica en un lado de la página y que permite a los usuarios ver nuestras últimas entradas.
Aquí tal y como lo escribió Luis. A mí me funcionó.


Con un solo código podemos mostrar nuestros artículos recientes en movimiento, lo que mostrara nuestro widget de artículos recientes son, tres títulos de nuestros artículos, con una imagen de cada una de ellas, va ha ir cambiando de posición, subiendo de forma automática hasta llegar a sus 10 ultimas publicaciones de su blog de blogger, y si quieren aumentar el numero de post que se muestren en este widget, lo podrán realizar cambiando el numero 10 por el numero que quieran mostrar. Es muy interesante este truco para blogger, la incrustación del código es muy fácil de realizarlo. Aumentara las vistas de su blog de blogger al momento que un usuario llegue a su blog, notara que las imágenes y el titulo de sus post recientes se comienzan a mover en un widget en particular de su sidebar, y podrá optar por ver el otro articulo que usted publico. Este widget de artículos recientes en movimiento para blogger, funciona perfectamente en los navegadores como Firefox, Google Chrome, Internet Explorer etc.

A continuación mire su demostración en uno de mis blogs, el widget de artículos recientes en movimiento




1 Ir a blogger

2 Da un clic en “Diseño

Widget de artículos recientes

3 Abre un gadget que dice “Añadir un gadget


Widget de artículos recientes

4 Busca el widget que dice “HTML/Javascript” y abrelo

5 Inserta las siguientes líneas de código en su interior

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://yourjavascript.com/12137020232/recentpostticker.js" ></script>
<script style='text/javascript' src='http://yourjavascript.com/17723221215/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://www.ayudadeblogger.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

Importante:

Si ya utilizas un código jQuery en tu plantilla, no deberás poner esta línea de códigohttp://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js, y si no utilizas ningún código jQuery copia todo el código tal como lo presento.

Una vez que hayas cerciorado lo antes mencionado, tendrás que cambiar la URL que esta marcado de color azul www.ayudadeblogger.com, por la dirección de tu blog de blogger o pagina web.

Si quieres aumentar el numero de artículos que se mostraran en tu widget, basta con encontrar esta línea de código var numposts = 10; y cambia el numero 10 por el numero que tu quieras, eso es todo.

Es momento de dar un clic en “Guardar”, ubica tu nuevo widget de post recientes donde mejor te lo parezca.

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
loading...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者