gravatar

Automatic Scrolling The latest Blogposts Widget For Blogger / Blogspot








If you have a large amount of blog post on the blog, or if you'd like to display everybody your listing of favorite publications, though currently have little area inside the sidebar widget this will be a fantastic assist with anyone. This unique article describes how you can include auto scrolling (marquee) latest posts Widget on his weblog that is visually good on your blogspot blog. This is comparable to the display regarding latest post inside your sidebar, but this will possess a marquee in this widget. Now if you wish to display your blog in this way, sometimes on top or bottom of the blog, you'll be able to make use of this new widget for blogger:


How to Install Auto Scrolling Recent Blogposts Widget

Including the particular Widget To Blogger

Check out Blogger à Layoutà Add Gadget à Select an HTML/JavaScript Gadget

Copy the following code and paste inside an HTML/JavaScript widget








<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsUPMPcCkSTgx2wTA6mMh7wOMEjcKtnHVj_azOxHkYW8KRCzgVoaZKu0yHxdnmTaStboMfrRPVXbvCHT00KcUyImNx4FsxeueGw_Xm4gGRNf92nz8yZ0HUPhvUUSxN2obPpXmyGcYZIC7R/s1600/arrowe.gif";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF0000";
var jnlinkhovercolor="3366CC";
</script><a href="http://loggersocial.blogspot.com" target="_blank" title="Blogger Tips and Tricks"><img src="http://bit.ly/HQ3rEc" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://bit.ly/HQ3rEc" target="_blank" title="Latest Tips And Tricks"><img src="http://bit.ly/HQ3rEc" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://bit.ly/HQ3rEc" target="_blank" title="Blogger Tricks"><img src="http://bit.ly/HQ3rEc" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<script type='text/javascript' src='http://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://telltuts.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>


Now Replace the http://telltuts.com with your blog Url.



Now click Save 

Note:- Select suitable Image Bullet or Symbol That have transparent Background as well as little in Size   
ScrollAmount:(0 = No Scroll)                           ScrollDelay:(0 = MaxScrollSpeed)

You are able to only modify the code along with red color (variables) according to your requirements, for ex. in case of "var w2bScrollDelay", reduce the amount, greater the actual speed. 










Entri Populer