Para todos aquellos que quieran unificar todos los enlaces de sus redes sociales del blog aquí te dejo otro diseño mas. Este Gadget para Blogger que además de
ser bastante útil, es muy facil de combinar con la plantilla y muy agradable a
la vista por su estética parecida a Windows 8.
Su instalación es muy fácil solo tenemos que agregar un nuevo gadget para eso iremos a nuestra parte de configuración Diseño y ahí agregamos un nuevo gadget de tipo Html/JavaScript.
Copia y pega el siguiente codigo:
<div class="sidebar-subscription">
<ul id="subscription">
<li><a href="URL TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2PUZE4hvJB2e0TirOLIDLvix7bopSmOkqFGdUgGynhWdP46OPOqgu3vgt5j9AtZIFGNW5fCkTG8JoggC7FvdeB7u03LtYgPRoms_-INS48CIr_d3Vwnb9ejk4nadWpycB9sFItnGSHya/s1600/twittersocial.png" /></a>
<h4>
<a href="URL TWITTER" target="_blank">Twitter</a></h4>
No te pierdas nada estés donde estés</li>
<li><a href="URL RSS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVWkRLZ83b5n2eH_DzxA0QzctC8Dh3zNZ-gONdcpd1t-tz9jtevvpVzv3lLObWT8HuWQUtALBgMdW7-koNa4JzxGsPoj1HAHn6lYVnSaeWA5XoW8f-uxGMIPprsE286SXyl8yni0FsE0g/s1600/rsssocial.png" /></a>
<h4>
<a href="URL FEED" target="_blank">Posts RSS</a></h4>
Lee todos los artículos en tu lector de Feeds</li>
<li>
<a href="URL FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihu8nLvf-vlkoeA0hS8N2Qs-Y3KKR5tzKNTB6ydItGAqCRwaAUSQ1C0Qwm5XqnuC1KBCkx2dKAbpCgmZt2wWlqC3Qy1hcjwtZbheAOb2mcuP81ygUuT7VLi0I2UiHXHXadgrbS8FlAL0ka/s1600/facebooksocial.png" /></a>
<h4>
<a href="URL FACEBOOK" target="_blank">Facebook</a></h4>
Hazte Garrapatero Empresario!</li>
<li>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNER&loc=es_ES" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBWh7w0NLzU2LxUwISuGAJJWBVBM5yohMA_J_g6RUjRfIoxNdjkrBKy2W5EvW-Sph-u7GguZ6UYUHKBnXpoJgXogr6i7vFUI04B_qHmD4REkoq3BQRJpJL-KSmC4ksAZe-6Ese86U0ld_B/s1600/correosocial.png" /></a>
<h4>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNER&loc=es_ES" target="_blank">Correo</a></h4>
Recibe todas las actualizaciones, noticias, etc.</li>
</ul>
</div>
<style>
.sidebar-subscription {
background: url("http://lh6.ggpht.com/_7Y9pl24WpQY/S_f7UbjdNxI/AAAAAAAAD7k/MRxXLntEnfo/post_head_thumb%5B4%5D.gif") no-repeat scroll 0 0 #FFFFFF;
border: 1px outset #FFFFFF;
color: #000000;
padding: 15px;
width: 100%;
}
#subscription {
list-style: none outside none;
margin-left: 10px;
margin-top: 0;
width: 100%;
}
#subscription li {
height: 58px;
line-height: 1.0em;
padding: 5px 5px;
padding-bottom: 0px;
}
#subscription li a {
color: #000000;
}
#subscription li a:hover {
color: #A8000C;
text-decoration: none;
}
#subscription li h4 {
border: medium none;
color: #333333;
font-size: 18px;
margin: 0 0 0 45px;
}
#subscription li p {
font-size: 13px;
margin: 0 0 0 0px;
}
#subscription li img {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
#subscription li:hover {
opacity: 0.7;
}
</style>
Ahora solo antes de guardar debes poner tus links correspondientes a cada red social (letras rojas), lo que esta en color azul es la descripción de cada red social... si decides cambiar el texto trata de ser breve en tus comentarios para no perder estética del gadget.
GUARDAMOS Y LISTO!!
0 comentarios:
Publicar un comentario