Recently I have posted an article on how to make an auto scrolling text/image widget. Now if you want to display your blog posts in this way either at the top or at the bottom of your blog, then you can use this new widget:
To add this widget to your blog, log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type, then add this code to it.
You can modify the code (variables) according to your requirements, for ex.
in case of "var nScrollDelay", lower the number, higher will be the speed.
First, simply add and test the code without changing anything [ofcourse you have to add the blog address], then after watching it live on your blog, make further adjustments :)
To add this widget to your blog, log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type, then add this code to it.
<script style="" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/recentpostsscrollerv2.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://Yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>
You can modify the code (variables) according to your requirements, for ex.
in case of "var nScrollDelay", lower the number, higher will be the speed.
First, simply add and test the code without changing anything [ofcourse you have to add the blog address], then after watching it live on your blog, make further adjustments :)
22 comments:
i try but error
showing undefined undefines on each article tittle, like this
article tittle undefinedundefined article tittle undefinedundefined
Hi Satya,
Thanks for commenting, yes there was an error, actually titles were being shown correctly, but there was a small error in the code due to which the symbol between titles was not being displayed.
Anyways, it's OK now, u can use this hack !
Regards
Sai
Thx so much, permission to catch the code, :D
btw credit to bloggerstop.net always shown on my article if i took a code from here .. cheers
Hi, I have a problem with this code. I replased the red text with the address of my blog, but i'va got an error: "TypeError: objPost is undefined". What could be the problem? 10x in advance!
Also I don't have any scrolling titles.
Hi Ivaylo Spasov
I have checked the code in javascript4blogger.blogspot.com, and it's working fine there.
I think as you have only 1 post, so it might be having some problem, implement this code in your blog, once you have posted 10-15 posts !
(In the mean time you can show titles of any other blogger blog, if you have one)
Regards
Sai
Thank you for the information. I'll try it later when there are more posts in the blog.
So I have tested the code. It works with more than 13 posts. Under that number there is an error message.
Thanks a lot for testing that Ivaylo !
This will be very helpful for other bloggers...
Regards
Sai
This widget is Grt man
how do i change titel color thanks
Well the titles take the same color as other links on your blog, you can change their background color, by this method:
add any of these (or any color) in the code above instead of var sBgColor;
var sBgColor=gray; or
var sBgColor="pink";etc
thanks divya your help is very much appriciated thanks again love your blog thanks god bless you..
Hello Divya,
I have used this widget on all my blogs (total of 6 blogs) and its working fine. Thanks a lot for this widget.
But I wish to show updates of all the blogs in one widget like 5 posts from one blog and 5 posts from other blog. Can u help me on this?
I really like ur blog and its a boon for bloggers like me
May Baba Bless u
Sai Ki Deewani
Hetal Patil
Hello Hetal,
Of course it is possible to show updates 5 or more blogs, but now the updates will not be shown in a single line, rather in 5 different lines/rows of a table...and I think it will look more meaningful too ;)
Use this Code:
<table border="1"><tr>
<td>CODE_FOR_FIRST_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_SECOND_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_THIRD_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_FOURTH_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_FIFTH_BLOG</td>
</tr></table>
Regards
Sai
Hello Divya,
Thanks for lovely widget.
May Babaji bless u
Sai Ki Deewani
Hetal Patil
Sai Ram Hetal....
I'm still for your entry at the contest :)
Regards
Sai
Preserving this too for my new blog. Good idea to display the content :)
nice bro working on my site
govalerts.blogspot.com
check all viewvers
hi,
i just installed the widget in
http://www.wbxpress.com
but i want to increase the font size. Is this possible?
thanks a lot but how to add this widged on blogger classic templates
Allowed HTML tags: <b>, <i> and <a>
Join and share your views with other bloggers at BloggerStop Community
Comment Like This! and Optimize your blog...
SPAMMER OF THE MONTH: www[.]MensItaly[.]com