My This Post will tell you how to add Beautiful Add a Fixed auto scrolling Recent Post To Bar to Blogger.to add this auto autoscrolling Recent Post Widget you just have to add below Provide as HTML/Java Script Widget in your Blogger layout.
IN DETAIL
Note :-Replace http://javahuub.blogspot.com with your blog URL in above code
Now all Done Enjoy
- Login to Blogger >> Layout >> Click on any "Add a Gadget" Button
- A Window box will open >> Click on "HTML/JavaScript "
- Leave the Title blank and Paste the Below Code in Content box and Save it
CODE
________________________________________________________________
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="http://1vikashblog.googlecode.com/files/recentpostsscrollerv3.js"></script><script src="http://gj37765.googlecode.com/svn/trunk/Making%20Different-Stickybar.js"></script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizN3lzEM8NbObQPQPly0eDGPWCp0zaqX0fBefudP-yMaQbbBgJrd85miDf8jX4jyVb_iaesN9z0NXPxT7noslybZ2q45G9tY2gmoP45apCxtzAJgt3kGLLIABOKAt6i2303ZUXriHEa5Q/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style="" src="http://javahuub.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <a href="#" id="mdclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQ9wpeDEAI5FHZzQyKEbDhiv1Yl2RTivU5hZ3hyGwM9nEiQkLl8xgaIgBsXGYETwhoRWl0ftVGioJHPfmdDKFKS6jL9uovZ_cvTa9zixqtczBRjKlmERzuSEHSBujQFDT18RpyhCpjQQ/s400/cancel.png"/></a></div id='md-stickybar'>
Note :-Replace http://javahuub.blogspot.com with your blog URL in above code
Now all Done Enjoy
0 comments:
Post a Comment