Si establece más publicaciones, le tomará más espacio a su blog. Al agregar el widget de desplazamiento de publicaciones recientes a su blog puedes mostrar más publicaciones de números sin ocupar tanto espacio en tu blog.
Además, este widget es altamente personalizable. Hay tantas cosas que puedes personalizar. Este gadget lo creó Prayag de Stylifyyourblog,:https://www.stylifyyourblog.com/
Puedes personalizar estas cosas
Número total de publicaciones recientes para mostrar.
Mostrando miniaturas de publicaciones.
Mostrar más botón.
Cantidad de comentarios.
Fecha de publicación.
Mostrar resumen de publicación.
Número de caracteres en resumen de publicación.
Velocidad de desplazamiento.
Número de publicaciones a la vez.
Pausa Desplazamiento en el Mouse Hover.
¿Cómo agregar este widget a tu blog?
Ir a Blogger
1-Un clic en “Diseño”
2-Clic en “Añadir un gadget”
3-Busca el widget que dice “HTML-Javascript” y ábrelo
4-Coloca el siguiente codigo en el 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.7.1/jquery.min.js"></script>
<script style='text/javascript' src="http://code.helperblogger.com/hb-jquery-ticker.js" ></script>
<script style='text/javascript' src='http://code.helperblogger.com/hb-recentposts.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
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.yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script style='text/javascript' src="http://code.helperblogger.com/hb-jquery-ticker.js" ></script>
<script style='text/javascript' src='http://code.helperblogger.com/hb-recentposts.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
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.yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
Ahora reemplazar: http://www.yourblog.blogspot.com con la URL de tu blog.
Personalizaciones opcionales
Para cambiar el número total de publicaciones, encuentre este código var numposts = 7;
Si no desea mostrar las miniaturas de la publicación, cambie este valor var showpostthumbnails = true; a falso
Ahora con el uso de los trucos anteriores, puede personalizar este widget tan fácilmente.
Lea la propiedad y cambie el valor como desee. Puede encontrar estas propiedades desde el número de línea 06 a 19 en el código anterior.
Fuente: helperblogger
Publicado por
0 comentarios: