Horizontal scrolling announcement
March 24, 2012 |
Posted by:
Gopi R |
Wordpress plugin |
146 Comments | 
This horizontal scrolling announcement wordpress plug-in let’s scroll the content from one end to another end like reel, internally we used HTML marquee to do the action. There are some places where it can work well, such as in RSS scrollers, important announcement, promotional offers and deals.
Live demo available above (under top menu), see the scrolling announcement. if you want to use fade in fade out effect instead of this scroll use my fade in fade out wordpress plugin.
Feature of this plug-in
- Easy to customize
- Easy styles override option
- Configurable scroll amount
- Option to update scroll delay
- Option to update the scroll direction
- Option to pause the scroller on mouse over
Plugin configuration
Drag and drop the widget: Go to widget page under Appearance tab, Drag and drop horizontal scrolling widget into your side bar. It’s very easy.
Short code for posts and pages: Copy and paste the given short code into pages or posts.
Short code : [HORIZONTAL-SCROLLING]
Add directly in the theme: Use this PHP code
<?php if (function_exists (horizontal_scrolling_announcement)) horizontal_scrolling_announcement(); ?>
to add this plug-in in to your theme files.
For example if you want to scroll at top of your page like my demo (see the scrolling under top menu)
Take your header.php from your theme folder and paste the above PHP code to desired location and upload the header.php in to server.
For example if you want to scroll at the footer area.
Take your footer.php from your theme folder and paste the above PHP code to desired location and upload it to server.
For example if you want to scroll at the sidebar location.
Take your sidebar.php from your theme folder and paste the PHP above code to desired location and upload it to server.
Version Update 4.0
Those who got the problem after updated version 3.0 to version 4.0 Please do this one time manually. Deactivate and activate the plugin manually once. So the plugin will start the work as usual. Please post your comments if you have any problem.
Installation instruction & configuration
Method 1
- Download the plugin horizontal-scrolling-announcement.zip from download location.
- Unpack the *.zip file and extract the /horizontal-scrolling-announcement/ folder.
- Drop the horizontal-scrolling-announcement folder into your wp-content/plugins/ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new horizontal scrolling announcement plug-in listed under inactive plug-in tab.
- To turn the word presses plug-in on, click activate.
Method 2
- Go to add new menu under plugins tab in your word-press admin.
- Search horizontal scrolling announcement plugin using search option.
- Find the plugin and click Install Now link.
- Finally click activate plug-in link to activate the plug-in.
Method 3
- Download the plugin horizontal-scrolling-announcement.zip from download location.
- Go to add new menu under plugins tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available horizontal-scrolling-announcement.zip file and click install now
- Finally click activate plug-in link to activate the plug-in.
Frequently Asked Questions
Q1. How to update scroll speed?
Administration → Settings → Horizontal Scrolling → Click setting page link
In the above page you can update the setting.
Q2. How to update the scroll direction?
Administration → Settings → Horizontal Scrolling → Click setting page link
Q3. How to update the scrolling style?
Administration → Settings → Horizontal Scrolling → Click setting page link
Q4. Is possible to add the link to the scrolling messages?
Yes, From version 4.0 we can add the link to the announcement.
Q5. Is possible to add the HTML content to scroll?
Yes, we can add the all HTML content here. also we can add images.
Download location
http://www.gopiplus.com/work/wordpress-plugin-download/
Donation
All modules, plugins in this website are completely FREE. If you find the software useful please consider making a donation(PayPal). All donations will go towards improving this web website and maintenance.
“”Screen shot 3(see screenshot). “” no screenshots that i can find
How do you change font size?
Add font-size:200%; to the HTML Style Attribute:
Where it is?
I found it, It setting page->HTML Style Attribute ->Update Setting
Thank you
Really nice plugin, very easy to implement, and good message handling!
I have 2 feature requests:
1. option for continuous scroll (ie. no break between end of final message and beginning of first message)
2. option to hide the content until page loads (otherwise message appears on screen, then disappears, then begins to scroll in – would be nice if it could just be blank, then begin to scroll, or if it could appear, and then begin to scroll from where it is, rather than starting from empty).
hi, aljuk
thanks for your message, we will try to add this in the next version.
nice plugin,
could you please tell whether feature nr.1 was implemented in last release or not?
maybe it can be done manually?
thanks.
Can this plugin scroll html and block level elements with images?
What about creating a link inside the message text?
Nevermind, you can just use HTML
But what about configuring the spacer (currently “-”)?
Suggested feature: links in ticker, plus ability to change link colors; also ability to ‘wrap around’ ticker so that it’s continuous
Great Plugin!
Is it possible to change the “-” symbol presently used at the beginning of each announcement?
Thank you
Yes, just open the main php page and search.
Nice one!! Thanks a lot.
…and of course: no praise without a feature request, *lol*
Any way to have a delay between the messages, e.g. like having the one message scroll completely off the screen before starting the next one. Currently they are quite glued together.
How can I narrow the scroll field a slight bit. The field tends to start and end just outside my ideal area?
No break between last and first message please!
it’s critical functionality.
also being able to set the size (left to right) of the scrolling area.
thanks,
R
Use tag to break the line.
Use BR tag to break the line.
Hey, I’m checking out your plug in. I must have something configured wrong. I have a series of 4 messages, but instead of displaying each message sequentially, it displays all four of them vertically, at the same time. I already tried using the break tag. No dice. What did I break?
Here’s a screen cap so you know what I’m talking about:
http://i14.photobucket.com/albums/a316/maverike_prime/scroller.jpg
Hi, nice little plugin, one question about the code, I use a static front page and only want it to display on the front page, using the page.php template I have inserted the code, but what do I add on to make it display only on frontpage ie something like
and is_front_page() ) {
?
Thanks in advance
How to scroll the text from right to left? please let me know.
hi,
what file and line to change “-” between messages?
Great plugin. Thanks a bunch.
Is there a way to put it in a PAGE or POST?
its is possible to replace “-”
to from php file ?
cz i have fatal error
can you help me ?
Hi,
Why not make it work with qtranslate for multi-lingual site?
I think, everyone will enjoy it.
Any way, thanks for your plugin.
I modify your code to make it well display with qtranslate, see at: http://osify.com/2010/12/20/multilingual-with-horizontal-scrolling-announcement-wordpress-plugin-with-qtranslate/
Would be good if when there are no messages defined, the plugin output no HTML at all.
This way I can use the plugin for special messages only. When I don’t have any special messages, the site will look like normal.
Note that I fixed this myself by changing the last line of
function horizontal_scrolling_announcement()
to read:
if ($cnt!=0) echo $what_marquee;
For some reason the messages wont loop. strange.
Also, I second Rafe. an option to show the message only if there is a new msg would be great.
Guys why can’t you just add “-” to the end of each announcement as part of the text? I think it should do the trick
I inserted links and it made the text Italics. How do I remove that?
Would be good if for each message, you could specify a URL. Then if the user clicks on that message, they go to that URL
Great plug-in…works great…versatile…thank you!!!
A few people have already mentioned it, but definitely adding a URL field for each piece of news would be helpful.
Sure it’s easy to add the link via HTML, but I use WordPress as a CMS for a lot of clients who wouldn’t have a clue how to do that.
Nice plug-in but when trying to utilize with WordPress 3.1 it only scrolls one message. Other messages in my list are not shown.
Hello Gopi R, I hope all is well. There are some validation errors with the plugin and I’m not sure if I introduced the errors or what…
Line 76, Column 43: there is no attribute “style”
…v style=’padding:3px;’><marquee style='color:#000000;
Error Line 76, Column 98: there is no attribute "scrollamount"
…nt:Cabin, arial, serif;' scrollamount='5' scrolldelay='3' direction='left' onm…
Let me know if I can be of assistance. Thanks !! Best Regards, Mal
hi, ravi, i really like your plgins, and i have tried your photo slide, and tried scrolling annonement, but it doesnt appear in the desired page, there is error, can u pls sugges me thanks kumar
Hi Gopi. Thank you for such terrific plug-in tools. Is there a way to put two horizontal scrolls on one page, with two different messages? thanks, Alan
NO, at present all my plugin can use only one time…
hi, finally i found the one and only that really is scrolling, thanks! one question: it’s mostly scrolling smooth from right to left as desired but there are some moments it is not moving constantly, what can be the reason?
thanks for any help!
Good article , thanks and we want more! Added to FeedBurner likewise.
…Gopi R says:
September 24, 2010 at 4:13 pm
Use BR tag to break the line…
where should I add br, at the end of last message?
thank you.
Great stuff.. I’m using it.. But today i found something! When a new user is registering with a subscriber role, he can change the settings of the plugin???? :/
Yes, Am updating the plugin with this security option( with in 2 days u can see the new version)..
dear guys/dolls
the scrolling plugin is it poss to edit update delete my info on demand like an active news feed etc thankyou james
announcement header name not display. plez help me
how to change font color thanks
What is the Role/Capability to enable so users can change this themselves with this plugin:
http://wordpress.org/extend/plugins/capsman/
At the moment I have to make them an Administrator which for security reasons (inexperienced users) could take down the site.
Did you get an answer to your question? I would like to know also. Clients getting impatient.
at present only admin can access this plugin @ dashboard
Hi — had the same issue and followed the suggestion here to change the permissions on the plugin to moderate_comments instead:
http://wordpress.org/support/topic/making-certain-admin-rolesdashboard-menu-items-accessible-to-editors
This gives editor role access to only this plugin in the settings menu without giving them admin access. Code to change is the manage_options in the function HSA_add_to_menu() function.
Help! I tried changing manage_options to moderate_comments and got a bunch of errors. I changed it back, but I still get the following error when I try login to the site:
Warning: Cannot modify header information – headers already sent by (output started at /home/unionspr/public_html/wp/wp-content/plugins/horizontal-scrolling-announcement/horizontal-scrolling-announcement.php:715) in /home/unionspr/public_html/wp/wp-includes/pluggable.php on line 897
I am locked out of the site. Can anyone offer some assistance?
OK, I got that fire put out, but I really need to figure out how to do this. Can you elaborate? Obviously I didn’t understand it well enough.
Thanks.
abaut this plugin i find one bug and subscribe’s too can change the setting of this plug in. when they just click on the his setting and them can change setting of Horizontal scrolling announcement .
how can i stop them to do this?
thankyou!
Would love to see a feature to have different messages start on specific date and / or time
How does one display this horizontal scroller in front end. please explain it step by step.
i dont understand Copy and paste the below code to your desired template location!.
where exactly do i copy and paste it. would be great if u can show the screenshots as well, cant see it anywhere!
Checkout the new version 4.0
Hi. After installing the update automatically scroll does not work anymore, not seen. I have a Mac with SO 10.5, firefox and safari and updated. The plugin version 3.0 worked perfectly on both browsers.
Pls share the screens or links…….
Hi, after installing the update automatically, your plugin doesn’t work anymore! The previous version (3.0) works perfectly. Please fix your plugin, and email me when you have! Thanks!
i ll update the plugin soon…
Hi all, After updated the plugin from version 3.0 to 4.0. Please deactivate and activate the plugin manually.. … so you wont get any problem in the display..
Hello and many thanks for this widget. I would like to know if it’s possible to change the CSS for the widget but without changing the other widget’s CSS? I don’t find where the the .css file…
Thaks for reply.
Jul
Hi all,
After updated the plugin from version 3.0 to 4.0. Please deactivate and activate the plugin manually.. … so you wont get any problem in the display..
Thanks & regards
Gopi
Hi all,
Those who got the problem after updated to version 4.0 Please do this one time manually. Deactivate and activate the plugin manually once. So the plugin will start the work as usual.
Thanks & regard
Gopi
Thanks! Now work.
Ah! Your jobs are fantastic! Bravo
Grade A stuff. I’m uqunsetioanbly in your debt.
Your marquee plugin works great! But is there a way to increase the cap for font-size? I wanted a font-size of 50px, but when I added that code, the letters were cut-off at the top.
Thanks in advance,
Ron
take the main plugin php file and increase the div height…
Hey Gopy, great plugin…
May I suggest you add a class or id name to the div (my line 48 of the php file reads now
$what_marquee = $what_marquee . “”;
)
That will allow for updates not overwriting css customizations, because css can be maintain separated.
Thanks.
Santi
noted.. will add this in the next version..
Thanks! since the code was removed, of course, I will mention that the class I put was “hsa”.
Cheers.
Hi.
Horizontal Scroll is a vital part of clients website.
It’s essential that editors are able to access this plugin.
Is it do-able? Would be great if it is.
I’ve had Admin Menu Editor to control what editors have access to, but for some unknown reason, that plugin has rolled over & died, its causing me headaches.
Thanks
)
Hi there
is it possible to change the rights of editing from ADMIN-level down to EDITOR-level???
I’m a admin of a website and an editor should change this text-ticker … but I don’t want to give him ADMIN-rights. The Editor just can change pages in the WordPress-blog.
So is this possible? Can I change this by my own?
Greetings from Essen, Ruhr, Germany from
Tobias
It would be great to have the ability to randomize announcements.
Latest update to plugin (v 4.0) does not work in WordPress 3.2.1! No longer saves new messages but you can delete old ones.
Fault is my own. I deactivated/reactivated and fixed the issue. Whoops.
I have the same problem (WP 3.2.1 plugin 4.0). I deactivated/reactivated and now I can manage messages but I don’t see the scrolling text in my site.
good plugin , but please font-size able to manage
rgd
the plugin is work perfectly.
I endorse it for everyone.
Thank you so much for your effort.
best regards
I have just installed your plugin (Horizontal Scrolling Announcement). It’s great, just one thing annoys me, namely it does not pass W3C validation, showing errors, like …there is no attribute “scrollamount”, “style”, “scrolldelay” etc.
Any advise on how to fix?
Best,
Kashan
I have found where is the problem. WP 3.2.1 + plugin 4.0 doesn’t work with Google Chrome. With Firefox is ok. The previous version of Horizzontal scrolling was ok with Google Chrome…..
I tested the problem more. I have reinstalled 3.0 version but with Google Chrome it doesn’t work (OK with IE7 and Firefox). So i think that the problem is Horizzontal scrolling (any version) working with WP 3.2.1(I use twentyten theme) because 1 month ago, before updating WP, everything was ok with Google Chrome too
i use the plugin its great but Please tell me how to color the text, it does not color a link. It only colors a simple message that is not given a link.
add HTML content. use Inline css for color..
Hi, how can i let it run from left to right?
hello;
i have issue with this Horizontal where it move fast in the Google browser acually very fast and in the IE it is very slow. is there a soultion for that?
you can see my site in both Browser IE and Google and see how the horizntal scroll goes in fast in one and ok in the other?
I love your plugin, it’s excellent. Please take a look at it on http://www.redwater.org.au, you will see it’s a little train pulling the announcement. Can you tell me how to move the words up a little so they are level with the image, so that it really looks like the train is pulling them?
Thanks heaps and God bless you for making all your plugins available to us.
try vertical align to both image and text, anf put both in the same div
thanks for the suggestion but it didn’t work. I also Googled and tried some css suggstions but none of them looked any good so am going to continue to use what I had, as looks the best of all the results I got.
what i put on the space that say display order,?? what i should use theare..
ok,i have done,,please to have just like here on you page under the tab,exacly whare i insert the code on my heder..please help…
Hi,
how can i add a customized text for the scroller for each page on the website. so home page has xvz scolling and another page has pqr scrolling. plz tell me if this is possible. i really like your scrollers very nicely done.
How do you delete the word ‘”Announcement” once you have the scroller functioning with your message?
Delete option available in the admin.
How do you change the font to Arial Bold? Doesn’t seem to work at the HTML Style Attribute box
I’d also like to change the font and the size.
Hi,
Big Thank You!! all of your plug-ins are wonderful and fairly easy to use by us tech challenge. I am having fun checking out different ones, anyhow, is it possible to have this scroller on different pages with differnt messages or images, does it permit image use?
Also, to donate does it matter which plugin page I use or just donate/ Your work and from what I can see prompt replies are great!
Me again, could you reccommend a better solution to front page slide-show (one of your plugins)? also I am using wordpress dropin in sidebar would like to know if there is a better option to showcase feature products that would allow for some description?
Thank You!
alldogsbigandsmall.com (to see what I mean)
It seems that there’s an option to change the color of the first announcement, but subsequent announcements are in red. Is there a way to change that?
Great plugin.
Is there a way to change space/margin between messages?
thank you very much
Tobi
Hi, thanks for this great plug-in! Is there a way to add it to the header?
Thanks for your answer,
Anne
“Add directly in the theme:”
using this option u can add..
merci pour ce meilleur plugin
I’d just like to say thanks a lot for creating such a simple yet effective plugin
I was expecting all sorts of trouble eding the header.php file but everything went perfect 
thanks again for sharing your skills
There is a ticket in this plugin’s wordpress page citing that there is some memory leak issue.
Is is true? Any way to prevent it?
No chance… its using only HTML MARQUEE tag.
Great plugin!
just a question:
Can the hyperlink setup as: target=”_blank”
Thank you.
nice scroll plugin !
I will use it !!!
How can I bold the font? Really great plugin, thanks
REALLY great plugin that does just what I was looking for. Only problems are than my text isn’t wrapping, so I have half a work on one line and the rest of the work on the next. I also agree with others that there NEEDS to be the ability to easily add links within the announcement. I want viewers to be able to click on either the entire announcement, or words within the announcement, to take them to outside links.
How do I change the text colour and size?
Thanks, great plugging, 80% of what I am looking for.
It would be great if you could set the scroll area. Currently it scrolls the entire width of the screen but my theme is smaller. I’d like to configure it to scroll in my heading not the screen size, if that makes sense
Also it doesn’t seem to respect the font size or colour when configured. Its always black.
But great stuff.
Doh, typical. I solved the scroll area issue 20 seconds after posting my comment. It was in the wrong section.
Great plug-in….
I have used it to display small images scrolling from left to right… the problem i am experiencing is that the “-” sperator has appeared at the end of the scroll.. 7 images in total now appears with 6 x “-” at the end of it which doesn’t look so good..
Can you advise please
Paul
Hi
Problem solved.. My error in the html.
Brilliant product..
How can I get just one to scroll at a time? I read about putting a in there… what line number would that go on?
Hi. I work for a large company and we installed v4.0 on our internal blog running WordPress 3.1.
I activated the plugin, but when I went to change the text it would not let me. I deleted the default message, but now I am unable to add anything. It will not save my new messages.
I tried deactivating/reactivating as was suggested, but that is not working either. Please help if you can. This blog is laucnhing on Monday and I am desperate.
Thanks in advance.
Hi! I’m working on website for a client and installed the plugin. in Firefox 8 is OK but in the latest Safari and Google Chrome is no showing as in Firefox. I have only two text string to show but they appear scrolling one above the other not in one line as in Firefox. The shortcode scroll is inside a div with about 300px width. ¿can you help? Let me know if want to access the website, is a member one.
Thanks in advanced!
two questions please:
1- is there a way to create space between messages?
2- I’ve tried to run my site through W3C Validator and got multiple issues with the plugin,
any ideas how to solve these?
best regards
Tobi
Obrigado por disponibilizar este plugin, que a meu ver e de grande valor. Parabéns pela iniciativa.
Logo estarei contribuindo para que você continue a nos surpreender com seu trabalho.
Thank you.
Great Plugin, thank you very much. It works perfectly, it helps us display new announcements to our members.
Thanks – Keep up the great work.
Shan
Question – I have black background – on my header – I use this settings for my scrolling ticker news color:#fae820;font:Arial;font-size:140%; but when I put link my text is dark – How to change that setting for link colour?
Thanks in advance
Solved – background-color:#c4a81b;color:#f734040;font:Arial;font-size:140%;
Few suggestions
1. I have several ticker news daily – it will be interesting to implement next things WHICH WILL make this plugin much more interesting
• Permanent news with option to show them at the beginning or at the end of scroll
• All others – with time limit to be visible – with option to chose number of days for which ticker news will be visible – after that they will be archived but not deleted – That option will be general for all not permanent news
• Opportunity to move (mouse) ticker news in content management up or down interactively which mean not by choosing numbers but simply move news by mouse – that will be much more easy to change news position
• New part for archived news
2. Because I have lots of news daily and last must be showed first I use trick and I start publishing news giving them the numbers back – 999,998,997,996 and …. counting – but that mean lots of changing – and time limit for news will be very useful option After for instance 14 days news will be hidden but not deleted – and by using mouse I can create news and simple put them by mouse on first position
3. I am using code in my php to show my ticker news – It will be very nice to allow possibility to show for instance – Breaking news on place where news is starting to show
Thanks in advance
This is a very useful plugin. I have a suggestion to make it even better. If you can have the announcements scroll continuously – what i mean is, instead of waiting for the last announcement to get all the way to the end of the page before the first announcement begins again from the other side, it would be nice to have the first announcement start scrolling right behind the last one, repeating like a continuous loop. This is how a real news ticker works. If you could find out how to code it, that would be awesome! thanks for a great plugin
Her sayfaya ayrı ayrı margue nasıl ayarlıyacagız.
So I am working with this one site that I have installed the horizontal scolling announcement into. I noticed that when in categories it doesnt refresh the screen when adding and I also get an error when trying to delete. It does end up adding and deleting it but you have to refresh the screen manually to get it to work. So I disabled the plugin and sure enough the categories piece begins to work again.
In the source code the only thing I notice is that when the plugin is enabled it puts spaces before the doctype. and when the plugin is disabled those spaces are not there. So that tells me that the plugin in some manner is putting the spaces in the admin area. Any guidance on how to accomplish this please let me know.
Thanks in advance for your help.
Greg
Can I put more than one on a page or on the website? How?
thx
Any way to get this to work for v4?
Thanks in advance!
Thanks for the great plug-in! I do however need this to work with qtranslate.
In a previous post there were instructions to get it to work with version 3 (see below). Unfortunately these instructions do not apply to version 4.
Any help would be greatly appreciate!
Thank you!
——————————————–
Multilingual with Horizontal scrolling announcement wordpress plugin with qtranslate
I used Horizontal scrolling announcement wordpress plugin (v3.0) for some sites but currently it’s not supporting for multi langauges but I need.
I modified the code in the plugin for displaying purpose in file: horizontal-scrolling-announcement.php in method: horizontal_scrolling_announcement()
Line 53:
$hsa = htmlspecialchars(__(stripslashes($data->hsa_text)));
Line 61:
$hsa = $hsa . “ – ” . htmlspecialchars(__(stripslashes($data->hsa_text)));
At “Horizontal scrolling announcement” admin you just need to add text in pattern of:
My text in Englishអក្សរជាភាសាខ្មែរ (Khmer)
Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your site? My blog is in the very same area of interest as yours and my visitors would truly benefit from some of the information you present here. Please let me know if this ok with you. Thank you!
I was not able to get this working in Safari and Google Chrome. Is there a restriction to these browser?
I installed the Horizontal plugin.
two prolems:
1. when the page loads i already loose a couple of words because it starts too early.
2. after each message i have a huge gap of about 80 seconds between each message. how do i avoid it?
in your demo there’s no gap.
and a question: can i color each meassage differently?
thanks
how to increase font size ..?
Leave required
can anybody let me know how to set the background color of horizontal scrolling? I want a thin background of different color and text scrolling on that.
The plug-in is broken. When I insert the hyperlink, the scroller stops working. When I delete the hyperlink, the scroller starts working again. This is happening in the current version of WordPress 3.3.1.
Hi, I recently installed the plugin (and it worked) but now there is a space on the right side of my website. I’m not sure whether the plugin is causing this, happened shortly after I installed it? If anyone else has the same problem can you please let me know how you fixed it.
Ignore my comment about, problem is now fixed
Any update on getting the messages to loop properly? i.e. continuous with no breaks, one message right behind the other.
It’d also be nice if they can start filling the space so there’s never any blank space showing.
Thanks,
Michael
Easy to install, thanks great work! Only thing is, it sucks quite some memory usage
Hi RE: last post the problem seems to be on ios that if I command + or command – the page the scroller appears in safari and on ipad. It just doesnt load or appear when you are at default screen size.