Widget Tabla de ultimas Publicaciones

Blogs Famag sábado, diciembre 10, 2016 Add Comment tabla , Truco , ultimas piblicaciones , widget Edit

Widget Tabla de ultimas Publicaciones

Esto es un buen truco para blogger con un espectacular widget para blogger y así poder mostrar nuestras publicaciones recientes en un solo widget que pueda mostrar con exactitud varias imágenes y que se desprenda de cada imagen una descripción pequeña de nuestras primeras entradas es lo que todo blogger esta buscando hoy en día, nuestro nuevo widget para blogger no va a ocupar mucho espacio en nuestro blog de blogger. Con este nuevo widget para blogger podrás incrementar las vistas de tus artículos que algunos usuarios tal vez lo pasaron por alto. Lo que va a mostrar nuestro nuevo widget es nuestras primeras 20 publicaciones, lo que hará que se cargue con un solo widget y un solo código en el cual tendrás que cambiar un solo paso. El código de implementación en muy fácil, solo tienes que seguir las instrucciones de configuración e insertar un solo código. Esto hará que se muestre tu nuevo widget. Podrás ubicarlo donde tu quieras. Funciona en todos los navegadores como Firefox, Google Chrome, Internet Explorer etc.

Bueno mira su demostración en el blog, el widget esta ubicado en el sidebar de la derecha, se cencuentra por la mitad y tiene el nombre de “ÚLTIMAS PUBLICACIONES”

Si te gusta vamos al Tajo:

1 Ira blogger

2 Da un clic en “Diseño”

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

4 Busca el widget que dice “HTML/Javascript” e inserta las siguientes líneas de código en su interior

<style type="text/css">#post-gallery { width:304px; margin:0px auto; font:normal 11px Arial,Sans-Serif; color:##000000; padding:8px; background-color:#1BA1E2; -webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}#post-gallery h2 { font:20px Arial,Sans-Serif; color:white; text-shadow:0px 3px 2px black; text-transform:uppercase; margin:2px 2px 2px; padding:7px 14px; background-color:#000000; text-align: center;}#post-gallery .rp-item { float:left; display:inline; position:relative; margin:2px; padding:0px 0px; background:#fff url('http://img839.imageshack.us/img839/3042/88a.gif') no-repeat 50% 50%; width:72px; height:72px;}#post-gallery .rp-item img { width:72px; height:72px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;}#post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-top:5px solid #1BA1E2; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9;}#post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;}#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><script type="text/javascript">var rpTitle = "Ultimas Publicaciones", // Widget Title numposts = 20, // El numero que se muestra de imagenes thumbnails / posts to display numchar = 200, // Numero de caracteres en la descripcion rcFadeSpeed = 600, // Efecto rapido. fadeIn () tooltip appears pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh_sGXPChg4VFnFxLPw1_o4smbLGaiTjelK8ZD1RHmBUlfoK5txPn4hmaqVmNnlzTVUOE2ta8v5HNIakVCMJ1vNGFqlgLJ4lMxX6Zk6qUNWkIwJJ8eF2ZHxiyOFVXe27EIYxxp8cjhdiOi/s100/no-img.png", // Imgen de muestra hacia arriba blogURL = "http://www.tutorialesbloogerkiradober.blogspot.com/"; // La direccion de tu Blog</script><script src="http://yourjavascript.com/32195451263/recent-post-thumbnail-ayudadeblogger.js" type="text/javascript"></script>

Realiza este cambio:

Borra el link que dice http://www.tutorialesbloogerkiradober.blogspot.com/ y pon ahí la dirección te tu blog, eso es todo.

Si quieres aumentar el numero de imágenes que se muestra en el widget, basta con cambiar el numero 20 por el numero que tu quieras mostrar.

Ahora dale un clic en “Guardar” y ubica tu nuevo widget donde tú quieras.

Publicado por Francisco Martínez Gich

10-12-2016

Fuente: ayudadeblogger

Haz Clic en la Nube

CONVERSATION

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios ( Atom )