{"id":47,"date":"2010-07-18T09:33:43","date_gmt":"2010-07-18T09:33:43","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=47"},"modified":"2022-10-01T06:02:18","modified_gmt":"2022-10-01T06:02:18","slug":"horizontal-scrolling-announcement","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scrolling-announcement\/","title":{"rendered":"Horizontal scrolling announcements WordPress plugin"},"content":{"rendered":"\n<p>This <strong>horizontal scrolling announcement<\/strong> WordPress plugin lets you scroll the content from one end to another end like a reel, it is using jQuery Marquee script for scrolling. This is the simple way to create scrolling text on your website. In the plugin administrator section, we have the option to add, update scrolling text.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Feature of this plugin<\/h2>\n\n\n\n<p>1. Free plugin.<br>2. Easy to customize.<br>3. It supports all major browsers.<br>4. Configurable scroll speed.<br>5. Pause the scroll on mouseover.<br>6. Option to set announcement start date.<br>7. Expiration date option for the announcement.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> available on this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/07\/31\/fade-in-fade-out-post-title-wordpress-plugin\/\">fade in fade out wordpress plugin<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo1\">\n<h2>Live Demo<\/h2>\n\t<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/jquery.marquee.min.js\"><\/script>\n\t<div class='marquee-hsas' style='max-width: 700px;overflow: hidden;padding-top:20px;padding-bottom:20px;'>Demo : Horizontal scrolling text.<\/div>\n\t<script>\n\tjQuery(function(){\n\t\tjQuery('.marquee-hsas').marquee({\n\t\t\tallowCss3Support: true,\n\t\t\tcss3easing: 'linear',\n\t\t\teasing: 'linear',\n\t\t\tdelayBeforeStart: 2000,\n\t\t\tdirection: 'left',\n\t\t\tduplicated: true,\n\t\t\tduration: 15000,\n\t\t\tgap: 40,\n\t\t\tpauseOnCycle: true,\n\t\t\tpauseOnHover: true,\n\t\t\tstartVisible: true\n\t\t});\n\t});\n\t<\/script>\n<\/div>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p>First, download the plugin ZIP file horizontal-scrolling-announcements.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/2012\/07\/30\/horizontal-scrolling-announcement-wordpress-plugin-download-link\/\">download<\/a> location.<\/p>\n\n\n\n<p><strong>Activate the plugin using the dashboard upload option.<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard. Navigate to the <strong>Plugins<\/strong> menu. And click <strong>Add New<\/strong> menu to upload the downloaded ZIP file (horizontal-scrolling-announcements.zip). Select the <strong>Upload Plugin<\/strong> button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click <strong>Activate<\/strong> plugin button to activate the plugin. Next, Go to the plugin admin page to change the default settings.<\/p>\n\n\n\n<p><strong>Install the plugin with the search option<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard and go to the <strong>Plugins<\/strong> menu and click <strong>Add New<\/strong>. Search <strong>Horizontal scrolling announcements<\/strong> plugin using the search option. This will search the plugin in the WordPress repository. This action required an active internet connection. Find the plugin in the search result and click Install Now button, so that the plugin will be installed automatically on the website directly from the WP repository. Finally, click activate plugin button to activate the plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>1. Drag and drop the widget<\/strong><\/p>\n\n\n\n<p>This is the easiest way, First, go to the <strong>Appearance<\/strong> menu and click <strong>Widgets<\/strong>. Then, click the &#8216;Plus&#8217; icon on the page to bring up the widget block menu. Finally, search the widget <strong>Horizontal scrolling announcements<\/strong> and drag and drop to your widget section. Otherwise, you can double-click to add the widget.<\/p>\n\n\n\n<p><strong>2. Shortcode for posts and pages<\/strong><\/p>\n\n\n\n<p>Shortcodes are the simple way to add plugins into your WordPress posts, pages, and sidebars. Find the code below. and use it inside the posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;hsas-shortcode group=\"\" speed=\"10\" direction=\"left\" gap=\"50\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;hsas-shortcode group=\"\" speed=\"2\" direction=\"down\" gap=\"50\"]<\/code><\/pre>\n\n\n\n<p>Group: Group of your announcement.<br>Speed: speed in milliseconds of the marquee in milliseconds<br>Direction: Scroll direction (left, right, up, down)<br>Gap: Gap in pixels between two-cycle.<\/p>\n\n\n\n<p><strong>3. Add directly in the theme using given PHP code<\/strong><\/p>\n\n\n\n<p>Copy and paste the below PHP code to your desired template location (in PHP file) to show the plugin on the theme. It allows you to embed the shortcode anywhere you want in the file. of course, you have to activate the plugin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;hsas-shortcode group=\"\" speed=\"10\" direction=\"left\" gap=\"50\"]' ); ?&gt;<\/code><\/pre>\n\n\n\n<p><strong>Steps to add the plugin at top of your page under the top menu<\/strong><\/p>\n\n\n\n<p>Get your header.php from your theme folder and paste the above PHP code to the desired location and upload back the header.php into your server.<\/p>\n\n\n\n<p><strong>Steps to add the plugin at the footer of your website<\/strong><\/p>\n\n\n\n<p>Get your footer.php from your theme folder and paste the above PHP code to the desired location and upload back the footer.php into your server.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen (View announcement)<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/horizontal-scrolling-announcement\/horizontal-scrolling-announcements-1.png\" alt=\"Horizontal scrolling view announcement\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen (Add announcement)<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/horizontal-scrolling-announcement\/horizontal-scrolling-announcements-2.png\" alt=\"Horizontal scrolling add announcement\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to change scrolling speed? <\/strong><\/p>\n\n\n\n<p>There is an option available in the shortcode to change the scrolling speed. The smallest number is faster.<\/p>\n\n\n\n<p><strong>Q2. How to change scrolling direction?<\/strong><\/p>\n\n\n\n<p>There is an option available in the shortcode to set the scroll direction. Add anyone from these four options. (left, right, up, down)<\/p>\n\n\n\n<p><strong>Q3. How to set the expiration date for the announcement?<\/strong><\/p>\n\n\n\n<p>Please check the plugin admin page, when you enter the announcement there is a text box option available to enter the start and end date of the announcement. The date should be in YYYY-MM-DD format.<\/p>\n\n\n\n<p><strong>Q4. What is the jQuery version used in this plugin package?<\/strong><\/p>\n\n\n\n<p>No jQuery in the plugin folder. This plugin uses the default WP jQuery library.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video tutorial<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2013\/08\/25\/horizontal-scrolling-announcement-wordpress-plugin-video-tutorial\/\">http:\/\/www.gopiplus.com\/work\/2013\/08\/25\/horizontal-scrolling-announcement-wordpress-plugin-video-tutorial\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/07\/30\/horizontal-scrolling-announcement-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/30\/horizontal-scrolling-announcement-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scrolling-announcement\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scrolling-announcement\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/horizontal-scrolling-announcements\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/horizontal-scrolling-announcements\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This horizontal scrolling announcement WordPress plugin lets you scroll the content from one end to another end like a reel, it is using jQuery Marquee script for scrolling. This is the simple way to create scrolling text on your website. In the plugin administrator section, we have the option to add, update scrolling text. Feature [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[185,160,6,17,172,5],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-jquery","tag-marquee","tag-plugin","tag-scroll","tag-slider","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":1,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":8590,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/47\/revisions\/8590"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}