Así en cuanto salió esta nueva red social Google+, ya muchos andan creando aplicaciones para crear tu foto de perfil con el logo de Google Plus y muchas otras más, pero me encontré con un Widget para mostrarlo en tus blogs de una manera sencilla para que te agreguen tus seguidores a sus círculos.
Una vez configurado le das al botón de “Get Code” y listo, ese mismo código lo colocas en el lugar donde quieras que aparezca en tu Blog.
Enlace | Google Plus Widget
Hace unos días me llego un correo de un lector de V-Junker por medio de contáctanos y me pregunto sobre el widget que tengo del lado derecho en la sidebar, pero para Blogger ya que este widget es para WordPress.
Es por eso que les voy a dar los pasos a seguir para obtener este widget en su Blog en la plataforma Blogger para que chequen como se vería les dejo un ejemplo en este Blog de pruebas.
Primero nos vamos a Diseño > Edición de HTML > Expandimos los artilugios, y tenemos que buscar </b:skin> y justo antes de esta etiqueta pegamos el siguiente código:
.subscribe_icons {
width:286px;
height:auto;
margin:0px auto;
}
.subscribe_icons li {
display:inline;
float:left;
margin:0px 2px 5px 2px;
width:52px;
text-align:center;
font-size:11px;
}
.subscribe_icons a {
display:block;
padding:40px 0px 2px;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
color:#444 !important;
}
.subscribe_icons a:hover {
color:#369 !important;
text-decoration:none;
-moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
}
.subscribe_icons .subscribe_buzz a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconbuzzrvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_twitter a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/icontwittervjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_facebook a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconfacebookvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_rss a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconrssvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_email a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconmailvjunker1.png) center top no-repeat;
}
Guardamos la plantilla y nos vamos a Diseño > Elementos de la página y agregamos un nuevo gadget HTML/Javascript donde tenemos que pegar lo siguiente:
<div>
<ul class="subscribe_icons">
<li class="subscribe_buzz"><a href="USUARIO BUZZ" rel="nofollow" target="_blank">Buzz</a></li>
<li class="subscribe_twitter"><a href="ENLACE DE TWITTER" rel="nofollow" target="_blank">Twitter</a></li>
<li class="subscribe_facebook"><a href="ENLACE DE FACEBOOK" rel="nofollow" target="_blank">Facebook</a></li>
<li class="subscribe_rss"><a href="ENLACE DE FEED" rel="nofollow" target="_blank">Feed</a></li>
<li class="subscribe_email"><a href="ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL" rel="nofollow" target="_blank">Contacto</a></li>
</ul>
</div>
Por último y antes de guardar, tenemos que modificar algunos aspectos como: USUARIO BUZZ, ENLACE DE TWITTER, ENLACE DE FACEBOOK, ENLACE DE FEED y ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL, ahora si guardamos el gadget y listo tendrán su widget como lo tengo yo
Este Widget está muy completo para los amantes del futbol español, ya que cuenta con videos actualizados de los equipos de la liga BBVA, noticias, clasificaciones, marcadores en vivo, y calendario de partidos por equipo.
Para ser mas especifico, los beneficios son:
Aquí les muestro como se vería el Widget:
Ahora, para colocarlo en WordPress nos vamos a la sección de Apariencia > Widgets.
Y para Blogger nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript.
Una vez ubicados donde colocarlo, insertamos el siguiente código:
<script type=”text/javascript” src=”http://scd.sportyou.es/js/DoWidget2010.js”></script><script type=”text/javascript”>getWidget2010();</script>
Una vez colocado, guardamos y listo ya tendrán este fabuloso y completo Widget de la Liga BBVA en su Blog.
En estos tiempos ya no navegamos en internet solo en la computadora ya que con el paso del tiempo nos vamos actualizando y ya podemos visualizar páginas web en teléfonos móviles, como Iphone, Ipod Touch, BlackBerry, o cualquier teléfono con 3G o lo nuevo de ahora el 3.5G.
Por este motivo existe un Widget para colocarlo en nuestro Blog, y así nuestros visitantes visualicen nuestra página en estos dispositivos adecuadamente. Este Widget se llama Blogger Touch, es muy fácil instalarlo como utilizarlo, no es de mayor ciencia.
Esta versión móvil tendrá todas las entradas, con su título y etiquetas (labels), pero no podrá leerse hasta que el visitante decida ingresar a su contenido. Ahora, para instalarlo tenemos que irnos a la página del Widget, una vez dentro en la primera opción tenemos que poner la dirección web de nuestro Blog, pero si nuestro sitio tiene dominio entonces le damos a la opción de "Custom Domain", una vez hecho esto le damos "Go".
Después tendremos que poner una ID que será el link hacia la aplicación del Widget y le damos "Next".
Luego nos dará un código para colocarlo en nuestro Blog, para ello copiamos el código y nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y lo pegamos. Nos vamos otra vez a la página del Widget, donde le damos al botón de "Verification" para verificar que hemos colocado bien el código en nuestra plantilla, nos aparecerá un aviso que nos tiene que decir "Done" aceptamos y listo.
Ya tendremos nuestro Blog para visualizarse en un teléfono móvil, aquí un ejemplo de cómo se vería:
Este Widget que les menciono es una herramienta útil, ya que con ello tus visitantes se enteraran de los últimos tweets mas recientes como tus entradas o noticias sobre tu Blog. Para esto nos vamos a la página de Extras de Twitter y nos aparecerá varias opciones para personalizar tu widget de perfil:
Como ven nos mostrara opciones como poner su nombre de usuario, preferencias de como mostrar los tweets, mostrar los avatares de usuarios, numero de tweets a mostrar, la apariencia y los colores del widget, y las dimensiones del mismo. Por ultimo cuando ya tengas tu widget a tu gusto le damos en el botón de "Terminar y guardar código".
Ahora nos vamos a nuestro Blog y vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript pegamos ahí el código, y listo ya tendremos nuestra caja de tweets.
Aquí un ejemplo de cómo quedaría:
BajaWallpapersHD