<script>
window.fbAsyncInit = function() {
FB.init({
appId : '841812812528433',
xfbml : true,
version : 'v2.3'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>#facebook_block {
z-index:10999;
-webkit-animation: fadeinright 2.4s;
-moz-animation: fadeinright 2.4s;
-ms-animation: fadeinright 2.4s;
-o-animation: fadeinright 2.4s;
animation: fadeinright 2.4s;
position:fixed;
padding:0;
top:35%;
right:0;
margin-right:-258px;
width:auto;
height:310px;
overflow: hidden;
background: none;
-webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-ms-transition: all 240ms linear;
-o-transition: all 240ms linear;
transition: all 240ms linear;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}
#facebook_block:hover {
margin-right:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
#facebook_block h4 {
background:#39599f;
padding: 15px 10px 14px 30px;
margin: 0;
position:relative;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-size:18px;
color: #ffffff;
}
#facebook_block h4:before {
position:absolute;
right:8px;
top:9px;
background:#ffffff;
width:30px;
height:30px;
display: inline-block;
color: #39599f;
text-align: center;
padding-top:8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
font-size: 16px;
content: "\f09a";
font-family: "FontAwesome";
-webkit-transition: all 240ms linear;
-moz-transition: all 240ms linear;
-ms-transition: all 240ms linear;
-o-transition: all 240ms linear;
transition: all 240ms linear;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
#facebook_block:hover h4:before {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
#facebook_block .facebook-fanbox {
background: white;
border-style: solid;
border-color:#e5e5e5;
border-width: 0px 1px 4px 1px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
padding-bottom: 10px;
}<div id="fb-root"></div>
<div id="facebook_block">
<div class="fbcontainer">
<h4 >Sigueme en Facebook</h4>
<div class="facebook-fanbox">
<div class="fb-like-box" data-href="https://www.facebook.com/danydanielrt" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false">
</div>
</div>
</div>
</div>Fuente :http://w3lessons.info/
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '841812812528433',
xfbml : true,
version : 'v2.3'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script><style type='text/css'>
#PopFace {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
position : fixed;
background-color : rgba(0, 0, 0, 0.3);
margin : 0;
overflow : hidden;
z-index : 999999;
}
#PopBook {
background-color : #ecf0f1;
overflow : hidden;
z-index : 999999;
}
.PopBook {
width : 340px;
height : 300px;
position : fixed;
top : 45%;
left : 50%;
margin-top : -200px;
margin-left : -200px;
border : #3b5998 solid 10px;
padding : 20px;
z-index : 999999;
border-radius : 4px;
}
#PopTitle {
background : #3b5998;
color : #fff;
font-size : 18px !important ;
font-weight : 675;
width : 390px;
margin : 0 -27px 10px -27px;
padding : 10px;
line-height : 25px;
text-align : center;
float : left;
}
.anarchyta {
width : 330px;
height : 200px;
position : relative;
background : #3b5998;
padding : 0 10px 15px 0;
margin-top : 60px;
border-radius : 4px;
overflow : hidden;
}
.anarchyta, .anarchyta:before, .anarchyta:after {
background : transparent;
border : #3b5998 solid 1px;
}
.anarchyta:before, .anarchyta:after {
position : absolute;
content : "";
bottom : -3px;
left : 10px;
right : 10px;
height : 1px;
border-top : none;
}
.anarchyta:after {
left : 10px;
right : 10px;
bottom : -5px;
box-shadow : 0 0 2px #3b5998;
}
.close {
background : #3b5998;
padding : 5px 5px 10px 5px;
font-size : 14px;
font-weight:bold;
color : #ecf0f1;
text-decoration : none;
border-radius : 4px 4px 0 0;
cursor:pointer;
}
</style>
<div id='PopFace'>
<div class='PopBook' id='PopBook'>
<h3 id='PopTitle'>Articulos y Videos via Facebook</h3>
<div class='anarchyta'>
<center><div class="fb-page" data-href="https://www.facebook.com/danydanielrt" data-width="340" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/danydanielrt"><a href="https://www.facebook.com/danydanielrt">Danydanielrt</a></blockquote></div></div></center>
</div><br/>
<a class='close' onmouseup='document.getElementById('PopFace').style.display='none''>CERRAR</a>
</div>
</div>
.menu{position:absolute;top:23px;right:135px;text-align:center;padding:0;color:#333;font-size:46px;font-weight:700;line-height:25px;cursor:pointer}
#css-menu{position:fixed;top:0;right:-340px;z-index:9999;background:#2C2C2D;height:100%;transition:all .4s ease-in-out;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1; font-family: "Open Sans", sans-serif;font-size: 14px;position: relative;}
#cssmenu a {line-height: 1.3;padding: 12px 15px;}
#cssmenu {width: 240px;}
#cssmenu > ul > li {cursor: pointer;background: #efefef;border-top:1px solid #3d3d3d;border-bottom: 1px solid #161616;}
#cssmenu > ul > li:first-child {border-top:none;}
#cssmenu > ul > li:last-child {border-bottom:1px solid #3d3d3d;}
#cssmenu > ul > li:last-child > a {border-bottom: 1px solid #161616;}
#cssmenu > ul > li > a {font-size: 14px;display: block;color: #ffffff;text-shadow: 0 1px 1px #000;background: #2C2C2D;padding: 12px 15px;}
#cssmenu > ul > li > a:hover {text-decoration: none;background:#3d3d3d}
#cssmenu > ul > li.active {font-weight:700;}
#cssmenu > ul > li.home .close-menu{background: #2C2C2D;color: #fff;font-size:18px;font-weight:700;padding: 12px 15px;display:block}
#cssmenu > ul > li.has-sub > a:after {content: '';position: absolute;top: 15px;right: 10px;border: 5px solid transparent;border-left: 5px solid #ffffff;}
#cssmenu > ul > li.has-sub.active > a:after {right: 14px;top: 17px;border: 5px solid transparent;border-top: 5px solid #ffffff;}
#cssmenu ul ul {padding: 0;display: none;}
#cssmenu ul ul a {background: #efefef;display: block;color: #797979;font-size: 13px;}
#cssmenu ul ul a:hover {color: #000;}
#cssmenu ul ul li {border-bottom: 1px solid #c9c9c9;}
#cssmenu ul ul li.odd a {background: #e5e5e5;}
#cssmenu ul ul li:last-child {border: none;}<script type='text/javascript'>
//<![CDATA[
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function() {
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
//]]>
</script>
<script type='text/javascript'>
$(function() {
$('.menu').click(function () {
$('#css-menu').css({right:'0'});
});
$('.close-menu').click(function() {
$('#css-menu').css({right:'-340px'});
});
});
</script><div class='menu' title='Menu'><span style='font-size:16px;position:absolute;top:1px;left:-48px'>Menu</span> ≡</div>
<div id='css-menu'>
<div id='cssmenu'>
<ul>
<li class='home'><span class='close-menu' style='font-size:26px;font-weight:400;position:relative' title='Close'>≡ <span style='font-size:18px;font-weight:700;position:absolute;top:17px;left:33px'>Menu</span></span></li>
<li><a href='/' title='Home'><span>Inicio</span></a></li>
<li><a href='#' title='Daftar Isi'><span>Canal</span></a></li>
<li class='has-sub'><a href='#' title='About This Blog'><span>Acerca de</span></a>
<ul>
<li><a href='#' title='About'><span>Info</span></a></li>
<li><a href='#' title='Contact'><span>Contacto</span></a></li>
<li class='last'><a href='#' title='Privacy'><span>Privacy</span></a></li>
</ul>
</li>
<li><a href='#' title='Google+'><span>Advertiser</span></a></li>
<li class='has-sub'><a href='#' title='More'><span>Mas</span></a>
<ul>
<li><a href='#' title='More Menu 1'><span>More Menu 1</span></a></li>
<li><a href='#' title='More Menu 2'><span>More Menu 2</span></a></li>
<li><a href='#' title='More Menu 3'><span>More Menu 3</span></a></li>
<li><a href='#' title='More Menu 4'><span>More Menu 4</span></a></li>
<li><a href='3' title='More Menu 5'><span>More Menu 5</span></a></li>
<li class='last'><a href='#' rel='nofollow' target='_blank' title='More Menu 6'><span>More Menu 6</span></a></li>
</ul>
</li>
</ul>
</div>
</div>Fuente del Aticulo :http://www.kompiajaib.com/
/* PAGE NAVIGATION */
.showpageArea{position:relative;display:block;text-align:center;margin:10px 0;padding:5px;background:#ddd;clear:both}
.showpageArea a,.showpageOf,.showpagePoint{background:#14A0E1;border:1px solid #14A0E1;color:#fff;padding:5px 10px;line-height:30px}
.showpageNum{margin-left:4px}
.showpageOf{margin-right:4px;color:#292929}
.showpagePoint{color:#292929;margin-left:4px;padding:5px 10px}
.showpageArea a:hover{background:#292929;box-shadow:0 0 15px #07ACEC;}
<script type='text/javascript'>
var postperpage=9;
var numshowpage=4;
var upPageWord=" ◄ ";
var downPageWord=" ► ";
var home_page="/";
var urlactivepage=location.href;
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M);6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
.quickedit{
display:none;visibility:hidden;}
<style>
/* Tabbed Social Widget By Helper Blogger - helperblogger.com */
/* CSS Code Start */
ul.tabs {
padding: 7px 0;
font-size: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
ul.tabs li {
display: inline;
margin: 0;
margin-right: 3px;
/*distance between tabs*/
}
ul.tabs li a {
font: normal 12px Verdana;
text-decoration: none;
position: relative;
padding: 25px 10px 0px 10px;
border: 1px solid #CCC;
border-bottom-color: #B7B7B7;
color: #000;
background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
border-radius: 3px 3px 0 0;
outline: none;
}
ul.tabs li a:visited {
color: #000;
}
ul.tabs li a:hover {
border: 1px solid #B7B7B7;
background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZm-x72UnRhRnIt4w4qnBMO6HURdNzt-64MOG8YtXjFkpNB_NUpBpfvXY58ra8hM6DwBjCfk9MSKyljIElP2sKpOtcIQP9LSL2G_xxpwWbJgbwsHNdVWHarNoONnSTXwSu_vbnbDnthyQ/s1600/hb-tabbg.gif) 0 -50px repeat-x;
}
ul.tabs li.selected a,
ul.tabs li.selected a:hover {
position: relative;
top: 0px;
font-weight: bold;
background: white;
border: 1px solid #B7B7B7;
border-bottom-color: white;
}
ul.tabs li.selected a:hover {
text-decoration: none;
}
div.tabcontents {
border: 1px solid #B7B7B7;
padding: 10px;
background-color: #FFF;
border-radius: 0 3px 3px 3px;
margin-top: -7px;
}
/* Tabbed Social Widget By Helper Blogger - helperblogger.com */
/* End Code Start */
</style>
<script src="http://helperblogger.ucoz.com/code/hb-tabbed-social-widget.js" type="text/javascript"></script>
<ul class="tabs">
<li class="selected">
<a href="#view1">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/facebook-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view2">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/twitter-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view3">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/google-plus-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view4">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/youtube-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view5">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNTBG7zsSiSVh7SNH0minjON18H5HcmEXWE0YyYGa2VpBQ5Xiod9hfnmC1sDXhPRqPk8j1XJKXqeMVK9Na3VJvAZ0IyLLXldSZkRi12hnOO-bGd2fa80zbsDQq_hZAcfTzBmy6HUxtzPZ/s1600/logo+-+dailymotion.png" height="32" width="32" />
</a>
</li>
</ul>
<div class="tabcontents">
<div id="view1">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fdanydanielrt&width=285&height=180&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=409936535724253" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:180px;" allowtransparency="true"></iframe>
</div>
<div id="view2">
<a href="https://twitter.com/danydanielrt" class="twitter-follow-button" data-show-count="true" data-lang="es" data-size="large" data-dnt="true">Seguir a @danydanielrt</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div id="view3">
<div class="g-page" data-width="310" data-href="//plus.google.com/u/0/107958058838419475673" data-layout="landscape" data-rel="publisher"></div>
</div>
<div id="view4">
<iframe src=http://www.youtube.com/subscribe_widget?p=danydanielriveros style="overflow: hidden; height: 90px; width: 255px; border: 0;" scrolling="no" frameborder="0"></iframe>
</div>
<div id="view5">
<div style='border:1px solid #dfdfdf'>
<iframe width="300px" height="78px" scrolling="no" frameborder="0" src="http://www.dailymotion.com/badge/user/DanydanielrtTutoriales" __idm_frm__="287"></iframe><div style="font-family: Arial, Helvetica, Clean, sans-serif; font-size: 11px; color: #555; width: 300px; text-align: right;"><a href="http://www.dailymotion.com/DanydanielrtTutoriales" style="text-decoration: none; line-height: 12px; font-size: 11px; color: #555;" target="_blank">DanyDanielRT Tutoriales</a> en <a href="http://www.dailymotion.com?utm_campaign=widget_promote&utm_term=badge" rel="nofollow" target="_blank"><img src="http://www.dailymotion.com/images/user_widget/logo.svg" border="0" width="71" height="12" style="vertical-align: top;" /></a></div>
</div>
<div style="clear: both; text-align: right;">
<span style="font-size: xx-small;"><a href="http://www.helperblogger.com/" rel="nofollow" target="_blank">Blogger Widgets</a></span>
</div>
</div></div> <a href="#view1">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/facebook-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view2">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/twitter-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view3">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/google-plus-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view4">
<img src="http://icons.iconarchive.com/icons/sicons/basic-round-social/128/youtube-icon.png" height="32" width="32" />
</a>
</li>
<li>
<a href="#view5">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNTBG7zsSiSVh7SNH0minjON18H5HcmEXWE0YyYGa2VpBQ5Xiod9hfnmC1sDXhPRqPk8j1XJKXqeMVK9Na3VJvAZ0IyLLXldSZkRi12hnOO-bGd2fa80zbsDQq_hZAcfTzBmy6HUxtzPZ/s1600/logo+-+dailymotion.png" height="32" width="32" /> <div class="tabcontents">
<div id="view1">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fdanydanielrt&width=285&height=180&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=409936535724253" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:180px;" allowtransparency="true"></iframe>
</div>
<div id="view2">
<a href="https://twitter.com/danydanielrt" class="twitter-follow-button" data-show-count="true" data-lang="es" data-size="large" data-dnt="true">Seguir a @danydanielrt</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div id="view3">
<div class="g-page" data-width="310" data-href="//plus.google.com/u/0/107958058838419475673" data-layout="landscape" data-rel="publisher"></div>
</div>
<div id="view4">
<iframe src=http://www.youtube.com/subscribe_widget?p=danydanielriveros style="overflow: hidden; height: 90px; width: 255px; border: 0;" scrolling="no" frameborder="0"></iframe>
</div>
<div id="view5">
<iframe width="300px" height="78px" scrolling="no" frameborder="0" src="http://www.dailymotion.com/badge/user/DanydanielrtTutoriales" __idm_frm__="287"></iframe><div style="font-family: Arial, Helvetica, Clean, sans-serif; font-size: 11px; color: #555; width: 300px; text-align: right;"><a href="http://www.dailymotion.com/DanydanielrtTutoriales" style="text-decoration: none; line-height: 12px; font-size: 11px; color: #555;" target="_blank">DanyDanielRT Tutoriales</a> en <a href="http://www.dailymotion.com?utm_campaign=widget_promote&utm_term=badge" rel="nofollow" target="_blank"><img src="http://www.dailymotion.com/images/user_widget/logo.svg" border="0" width="71" height="12" style="vertical-align: top;" /></a></div>
</div>