ULTIMAS PUBLICACIONES PARA BLOGGER MEGA WIDGET ULTIMAS PUBLICACIONES
enero 01, 2019
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. El mega widget V2 funciona en todos los navegadores como Firefox, Google Chrome, Internet Explorer etc.
Bueno a continuación mire su demostración en el siguiente blog, el widget esta ubicado en el sidebar de la derecha, se cencuentra casi al final y tiene el nombre de “ÚLTIMAS PUBLICACIONES”
DEMO
Te gusto verdad!
Vamos a copiar el código
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://lh4.googleusercontent.com/-Q5TyyMqOEkk/UV4vn45zY4I/AAAAAAAAJCk/WXm15PWrULA/s100/no-img.png", // Imgen de muestra hacia arriba
blogURL = "https://gadgetskiradoberman.blogspot.com.es/"; // La direccion de tu Blog
</script>
<script src="http://yourjavascript.com/32195451263/recent-post-thumbnail-ayudadeblogger.js" type="text/javascript"></script>
#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://lh4.googleusercontent.com/-Q5TyyMqOEkk/UV4vn45zY4I/AAAAAAAAJCk/WXm15PWrULA/s100/no-img.png", // Imgen de muestra hacia arriba
blogURL = "https://gadgetskiradoberman.blogspot.com.es/"; // 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 https://gadgetskiradoberman.blogspot.com.es/ 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.
Fecha de la Publicación; 01-01-2019
0 comentarios