{"id":263,"date":"2010-09-05T05:13:22","date_gmt":"2010-09-05T05:13:22","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=263"},"modified":"2021-10-09T14:20:49","modified_gmt":"2021-10-09T14:20:49","slug":"continuous-rss-scrolling","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/09\/05\/continuous-rss-scrolling\/","title":{"rendered":"Continuous RSS scrolling WordPress plugin"},"content":{"rendered":"\n<p>Continuous RSS scrolling plugin creates the vertical scroller on the website. This plugin reads the RSS feed and uses that RSS title to create this scroller. The title will scroll one by one in the selected area. Using this plugin we can show any RSS feed on our website. Thus, no code change is required in the plugin.<\/p>\n\n\n\n<p>No coding knowledge is required to configure this plugin. Just activate the plugin and add the shortcode into the widget or posts\/pages. Now, you can able to see the scroll on the front end with default plugin settings.<\/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\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy installation. <\/li><li>We can add any rss feed. of course, only one link per shortcode.<\/li><li>Admin option to change scroller setting. Thus, no coding required.<\/li><\/ul>\n\n\n\n<p>Plugin live demo is available on this page. You may also be interested in the continuous announcement scroller WordPress plugin. Also, many scroller plugins are available on this website.<\/p>\n\n\n<div class=\"livedemo\">\n  <h2>Live demo<\/h2>\n  <div>\n    <div>\n      <div style=\"text-align: left; vertical-align: middle; text-decoration: none; overflow: hidden; position: relative; margin-left: 1px; height: 200px;\" id=\"crs_Holder\">\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 1<\/a><\/div>\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 2<\/a><\/div>\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 3<\/a><\/div>\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 4<\/a><\/div>\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 5<\/a><\/div>\n        <div class=\"crs_div\" style=\"height: 50px; padding: 2px 0px;\"><a target=\"_blank\" href=\"#\">Demo: Continuous rss title scrolling 6<\/a><\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/continuous-rss-scrolling.js\"><\/script> \n    <script type=\"text\/javascript\">\n\t\tvar crs_array\t= new Array();\n\t\tvar crs_obj\t= '';\n\t\tvar crs_scrollPos \t= '';\n\t\tvar crs_numScrolls\t= '';\n\t\tvar crs_heightOfElm = '50'; \/\/ Height of each element (px)\n\t\tvar crs_numberOfElm = '5';\n\t\tvar crs_scrollOn \t= 'true';\n\t\tfunction crs_createscroll() \n\t\t{\n\t\t\tcrs_array[0] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 1<\/a><\/div>'; \n\t\t\tcrs_array[1] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 2<\/a><\/div>'; \n\t\t\tcrs_array[2] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 3<\/a><\/div>'; \n\t\t\tcrs_array[3] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 4<\/a><\/div>'; \n\t\t\tcrs_array[4] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 5<\/a><\/div>'; \n\t\t\tcrs_array[5] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 6<\/a><\/div>'; \n\t\t\tcrs_array[6] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 7<\/a><\/div>'; \n\t\t\tcrs_array[7] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 8<\/a><\/div>'; \n\t\t\tcrs_array[8] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 9<\/a><\/div>'; \n\t\t\tcrs_array[9] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 10<\/a><\/div>'; \n\t\t\tcrs_array[10] = '<div class=\\'crs_div\\' style=\\'height:50px;padding:2px 0px 2px 0px;\\'><a target=\\'_blank\\' href=\\'#\\'>Demo: Continuous rss title scrolling 11<\/a><\/div>'; \n\t\t\tcrs_obj\t= document.getElementById('crs_Holder');\n\t\t\tcrs_obj.style.height = (crs_numberOfElm * crs_heightOfElm) + 'px'; \/\/ Set height of DIV\n\t\t\tcrs_content();\n\t\t}\n\t<\/script> \n\t<script type=\"text\/javascript\">\n\t\tcrs_createscroll();\n\t<\/script> \n  <\/div>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Plugin installation instruction<\/h2>\n\n\n\n<p><strong>Install the plugin using the WordPress admin plugin upload option<\/strong><\/p>\n\n\n\n<p>Download the plugin <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">continuous-rss-scrolling.zip<\/a> from the download location. Sign in to your <strong>dashboard<\/strong> and go to <strong>Plugins<\/strong>, and click on <strong>Add New<\/strong> menu in your WordPress admin. Select the upload plugin button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click activate plugin link to activate the plugin.<\/p>\n\n\n\n<p><strong>Install the plugin using the WordPress plugin search option<\/strong><\/p>\n\n\n\n<p>Go to your WordPress admin area and click on <strong>Plugins<\/strong>, and navigate to <strong>Add New<\/strong> page. Search <strong>continuous RSS scrolling<\/strong> plugin using the search option. Find the plugin and click <strong>Install Now<\/strong> link. Finally, click activate plugin link to activate the plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Option &#8211; 1:<\/strong> Go to widget link under Appearance tab, Drag, and drop &#8216;continuous RSS scrolling&#8217; into your sidebar. Now, from WordPress version 5.8 onwards, we can directly use the plugin shortcode on the widget editor. Thus, please use the shortcode instead of the drag and drop widget option.<\/p>\n\n\n\n<p><strong>Option &#8211; 2:<\/strong> Copy and paste the mentioned PHP code in desired template location ie your PHP file. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if (function_exists (crs)) crs(); ?&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( 'continuous-rss-scrolling url=\"http:\/\/www.gopiplus.com\/work\/category\/word-press-plug-in\/feed\/\" height=\"40\" count=\"5\" length=\"200\" speed=\"2\" wait=\"2\"]' ); ?&gt;<\/code><\/pre>\n\n\n\n<p><strong>Option &#8211; 3<\/strong>: Shortcode option available from version 11.1 onwards, use the shortcode in the post or site editor. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;continuous-rss-scrolling url=\"http:\/\/www.gopiplus.com\/work\/category\/word-press-plug-in\/feed\/\" height=\"40\" count=\"5\" length=\"200\" speed=\"2\" wait=\"2\"]<\/code><\/pre>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>Continuous RSS scrolling<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/continuous-rss-scrolling.png\" alt=\"Continuous rss scrolling WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How can I add multiple RSS feeds in the same shortcode?<\/strong><\/p>\n\n\n\n<p>Right now we do not have this option. However, we will try this multiple-input option in the future plugin release.<\/p>\n\n\n\n<p><strong>Q2. Why my scrolling text is out of the range?<\/strong><\/p>\n\n\n\n<p>This is the continuous scroll, so we need to maintain the same height for each content, for that, you need to update\/increase the admin property &#8220;Each scroller height in scroll&#8221;. so that, the scroll will be smoother.<\/p>\n\n\n\n<p><strong>Q3. Can I change the scroll direction from vertical to horizontal?<\/strong><\/p>\n\n\n\n<p>No, at present option is not available in this plugin. However, we have an alternate plugin on this website to scroll horizontally. Please check the plugin list. <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scrolling-announcement\/\">Horizontal scrolling announcement<\/a> this plugin creates the marquee.<\/p>\n\n\n\n<p><strong>Q4. What is &#8220;Display number of record at the same time in scroll&#8221;?<\/strong><\/p>\n\n\n\n<p>This property is to set the no of records to display(in the front end) at the same time in the scroller. For example, if you enter three. 3 titles will display on the front end at the same time.<\/p>\n\n\n\n<p><strong>Q5. What is &#8220;Enter max character for each post\/title&#8221;?<\/strong><\/p>\n\n\n\n<p>This option is to display the number of characters for each RSS title on the scroll. For example, if you enter 100. The first 100 characters of the RSS title will show on this scroll.<\/p>\n\n\n\n<p><strong>Q6. Why does my scroll content overlap each other?<\/strong><\/p>\n\n\n\n<p>This is the continuous scroll, so we need to maintain the same height for the content, for that you need to update the admin property &#8220;Each scroller height in scroll&#8221;. This parameter will help us to make the scroll cleaner.<\/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\/09\/05\/continuous-rss-scrolling\/\">http:\/\/www.gopiplus.com\/work\/2010\/09\/05\/continuous-rss-scrolling\/<\/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\/29\/continuous-rss-scrolling-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/29\/continuous-rss-scrolling-wordpress-plugin-download-link\/<\/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\/continuous-rss-scrolling\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/continuous-rss-scrolling\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuous RSS scrolling plugin creates the vertical scroller on the website. This plugin reads the RSS feed and uses that RSS title to create this scroller. The title will scroll one by one in the selected area. Using this plugin we can show any RSS feed on our website. Thus, no code change is required [&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":[147,6,15,17,172,5],"class_list":["post-263","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-feed","tag-plugin","tag-rss","tag-scroll","tag-slider","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/263","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=263"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}