Auto Scrolling Recent Posts Widget For Blogger / Blogspot | Website

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:

How to Install This Widget On 'Blogger' ?

1. Customize Options in Given Widget Generator Form
2. Click on Generate Button
3. Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget
4. Copy the following code and paste inside an HTML/JavaScript widget

Add marquee notification bar to blogger

1. Go to Blogger
2. Login to your Blogger dashboard
2. Select Layout option and select Add a gadget option.
3. Select an HTML/JavaScript Gadget
5. In the HTML/JavaScript widget paste following code and save it.

<style>
#wcnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}

#wc-movtext
{
text-align:center;
padding:8px;
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}

#wc-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#wc-movtext a:hover
{
color:yellow;
text-decoration:none;
}


</style>
<div id='wcnot-cont'>
<div id="wc-movtext">
<marquee behavior='alternate' direction="left"
onmouseover="this.stop();"
onmouseout="this.start();">

<p>
<a href="http://easily-learn.blogspot.in/2015/07/windows-10.html" target="_blank"><b>Windows 10</b></a>

| <a href="http://easily-learn.blogspot.in/2016/04/how-to-add-animated-flash-clock-to-your.html" target="_blank"><b>How To Add Animated Flash Clock To Your Blogger</b></a>

| <a href="http://easily-learn.blogspot.in/2015/12/christmas-special-desktop-collection.html" target="_blank"><b>Christmas Special Desktop Collection Software Free Download</b></a>

| <a href="http://easily-learn.blogspot.in/2016/02/online-ifarm-generator-tool-for-blogger.html" target="_blank"><b>Online iFarm Generator Tool For Blogger, Website</b></a>



</p>
</marquee>
</div>
<div>

Note: In the following code replace Green color code with your post titles and Red color code with links to these posts.

01:39