ADD BEAUTIFULL RECOMMENDED POST POP-UP BOX
WITH FACEBOOK,TWITTER BUTTON TO BLOGGER
How to Add beautiful
Recommended post pop-up box with Facebook,twitter like button to blogger ?
Here is the simple code to add Recommended post pop-up box to blogger.
Add the below code as Html/JavaScript widget to blogger
<a href="http://1vikash.blogspot.com" target="_blank" title="Blogger
Widgets"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
border="0" alt="Blogger Widgets" 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:3px
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:#FE3F10; 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><div
id="recslide" style="display:none;"> <div
class="help">?</div><div class="expand">+</div>
<div class="close">X</div> <p>Recommended for
you</p><div id="recslide_image"></div><div
id="recslide_title">Loading..</div><center><div
id="share_box">loading</div></center></div><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://1vikashblog.googlecode.com/files/recommended-Slide-v1.6.js",function(){},"bts-out-slide")},"jQueryjs")}</script>
Now all done ...Enjoy this widget...comment below if you like this post :)
