Hoy les voy a compartir un gadget llamado Social media tabs en lo personal me gusta mucho, es muy versátil ya
que lo puedes acomodar casi en cualquier lugar de tu pagina web. Es un Gadget
compacto y de sencilla instalación.
Y continuara...
Como yo se que tu quieres instalarlo en tu blog, te diré
como lo harás, a continuación...
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="https://dl.dropboxusercontent.com/u/168482905/social%20media%20tabs/jquery.social.media.tabs.1.6.1.min.js"
type="text/javascript"></script>
<link
href="https://dl.dropboxusercontent.com/u/168482905/social%20media%20tabs/dcsmt.css"
media="all" rel="stylesheet"
type="text/css"></link>
El que esta resaltado en verde es Jquery. Debes omitirlo si
ya lo tienes en tu blog.
Después de haber guardado los cambios anteriores, ve a
Diseño > Añadir un gadget > HTML/Javascript y pegas allí este código:
<div id="social-tabs">
</div>
<script type="text/javascript">
jQuery(document).ready(function(jQuery)
{
jQuery('#social-tabs').dcSocialTabs(
{
method: 'slide',
location: 'left', align: 'top', position: 'fixed', offset: 70, height: 400,
width: 320, start: 0, rotate: { delay: 8000,direction :'down' },
loadOpen:false, autoClose:true, imagePath:
'https://sites.google.com/site/terrenoblogger/imagenes/',
widgets: 'facebook,fblike,google,twitter,rss,pinterest',
facebookId: 'ID-PAGINA-FACEBOOK',
fblikeId: 'PAGINA-FACEBOOK',
googleId: 'GOOGLE-ID',
twitterId: 'USUARIO',
rssId: 'http://feeds.feedburner.com/USUARIO',
pinterestId: 'USUARIO',
youtubeId: 'USUARIO',
vimeoId: 'USUARIO',
deliciousId: 'USUARIO',
instagramId: '#USUARIO',
dribbbleId: 'USUARIO',
stumbleuponId: 'USUARIO',
tumblrId: 'USUARIO',
deviantartId: 'USUARIO',
twitter: {title:'Tweets Recientes',follow:'Sígueme en
Twitter',thumb:true,retweets:false,replies:false,limit:10},
fbrec: {header:true},
fblike:{stream:false,header:true,limit:36},
facebook:{title:'Facebook',follow:'Síguenos en
Facebook',text:'content',limit:10},
google: {title:'Google+',follow:'Agréganos a tu
Círculos',limit:10,api_key: 'AIzaSyAVx2W-gR7eqIpATEgp2IMOWtxzDDDOqt0'},
pinterest: {title:'Pinterest',follow:'Encuentrame en
Pinterest',limit:10},
rss: {title:'Suscribete a nuestro
Feed',follow:'Subscribe',limit:10},
youtube: {title:'Suscribete',subscribe:true,limit:10},
instagram:
{clientId:'',redirectUrl:'',accessToken:'',limit:10,title:'Instagram'},
vimeo: {title:'Vimeo',follow:'Subscribe',limit:10}, flickr:
{title:'Flickr',limit:20},
stumbleupon: {title:'Stumbleupon',follow:'Follow',limit:10},
tumblr: {title:'Tumblr',follow:'Follow',limit:10},
delicious: {title:'Delicious',follow:'Follow on
Delicious',limit:10},
digg: {title:'Latest Diggs',limit:10}, lastfm:
{title:'Last.fm',limit:20},
dribbble: {title:'Dribbble',follow:'Follow on
Dribbble',limit:10},
deviantart: {title:'deviantART',follow:'Follow',limit:10}
});
});
</script>
Para conocer el ID de tu Pagina en facebook, ve a:
http://graph.facebook.com/NOMBRE-DE-PAGINA
y alli se te mostrara el ID de tu pagina.
Este Gadget tiene otras opciones de personalización, pero no quiero enredarte. Yo se que con esto
lo tendrás funcionando correctamente.
.jpg)
.PNG "oculta gadget en blogger")
