Gadget «Post Recomendado» deslizante con botones de Twitter / Facebook

En este post les presento un gadget impresionante y nuevo que de momento se puede ver solo en los blogs de WordPress, pero ya ahora está disponible en Blogger también.

«Post Recomendado» es un interesante gadget que seguro algunos de ustedes que estas visitando blogs en plataforma WordPress lo has visto, aparece como un mensaje deslizante abajo en la pagina como «Recomendados» o «Relacionados» .

Este gadget está desarrollado originalmente por 24work.blogspot.com un blog en ingles, y nosotros lo hemos traducido en español, hemos agregado tambien los dos botones de Facebook y Twitter para compartir la pagina.

Lo bueno de este gadget para blogger es que mantiene a los lectores mas tiempo en tu blog para leer más páginas.

Para instalar el gadget «Post Recomendado» deslizante en tu blog solo tiene ir a:
Diseño – Añadir un gadget – Html/Javascript  y ahí pegas este codigo:

<a href="http://www.miltrucosblogger.info.com" target="_blank" title="Recursos Blogger, WordPress y Bloggin"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Mil Trucos Blogger " style="position:absolute; top: 0px; right: 0px;" /></a><style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:0px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#0000ff; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><a href="http://bit.ly/SedrcC"><div id="recslide" style="display:none;">
 <div class="help">
?</div>
<div class="expand">
+</div>
<div class="close">
X</div>
<p>
Post Recomendado</p>
<div id="recslide_image">
</div>
<div id="recslide_title">
Loading..</div>
<center>
<div id="share_box">
loading</div>
</center>
</div>
</a><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://safir85.ucoz.com/bdlab-blogspot/24work/recommended/recommended-Slide-v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script>

Y listo ya tenemos El gadget en nuestro blog!!  Saludos!!