{"id":20,"date":"2011-06-19T15:01:17","date_gmt":"2011-06-19T15:01:17","guid":{"rendered":"http:\/\/182.50.155.234\/extensions\/?p=20"},"modified":"2021-09-23T15:21:51","modified_gmt":"2021-09-23T15:21:51","slug":"vertical-scroll-recent-article-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/06\/vertical-scroll-recent-article-joomla-module\/","title":{"rendered":"Vertical scroll recent article Joomla module"},"content":{"rendered":"\n<p>Vertical scroll recent article Joomla module scroll the article title in your Joomla website, the article title will scroll from bottom to top vertically. This is the best and fashionable way to show your latest article to users. No coding knowledge is required to set up this module. In the administrator section, we have the option to filter the article by category and tags.<\/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<!-- Joomla Page Center 1 - 336x280 -->\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=\"6090998934\"><\/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<!-- Joomla Page Center 2 - 336x280 -->\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=\"7338131803\"><\/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 module<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy installation.<\/li><li>Simple and portable.<\/li><li>Easy scroll setting.<\/li><li>User can set the newest post at sidebar.<\/li><li>It\u2019s scrolling so it occupies less space in sidebar.<\/li><li>Option to select the category.<\/li><li>Option to choose order.<\/li><li>Option to select random order.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Module <strong>live demo<\/strong> available below. You may also be Interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2012\/04\/article-title-slider-joomla-module\/\">Article title slider<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n  <h2>Live Demo<\/h2>\n  <div style=\"padding-left: 10px; padding-bottom: 5px;\">\n    <div style=\"padding-top: 8px; padding-bottom: 8px;\">\n      <div style=\"text-align: left; vertical-align: middle; text-decoration: none; overflow: hidden; position: relative; margin-left: 1px; height: 180px;\" id=\"vsrp_Holder\">\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">Tiny carousel slider module.<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">Popunder popup joomla plugin.<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">Article title slider module.<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">Joomla cycle news module.<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">RSS title slider module.<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"#\">RSS marquee joomla module module.<\/a><\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/vertical-scroll-recent-post.js\"><\/script> \n    <script type=\"text\/javascript\">\n\t\tvar vsrp_array\t= new Array();\n\t\tvar vsrp_obj\t= '';\n\t\tvar vsrp_scrollPos \t= '';\n\t\tvar vsrp_numScrolls\t= '';\n\t\tvar vsrp_heightOfElm = '40';\n\t\tvar vsrp_numberOfElm = '5';\n\t\tvar vsrp_scrollOn \t= 'true';\n\t\tfunction vsrp_createscroll() \n\t\t{\n\t\t\tvsrp_array[0] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Tiny carousel slider module.<\/a><\/div>'; \n\t\t\tvsrp_array[1] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Popunder popup joomla plugin.<\/a><\/div>'; \n\t\t\tvsrp_array[2] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Article title slider module.<\/a><\/div>'; \n\t\t\tvsrp_array[3] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Joomla cycle news module.<\/a><\/div>'; \n\t\t\tvsrp_array[4] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>RSS title slider module.<\/a><\/div>'; \n\t\t\tvsrp_array[5] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>RSS marquee joomla module.<\/a><\/div>'; \n\t\t\tvsrp_array[6] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Photo text slider module.<\/a><\/div>'; \n\t\t\tvsrp_array[7] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Fancy image show module.<\/a><\/div>'; \n\t\t\tvsrp_array[8] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Fade in fade out text module.<\/a><\/div>'; \n\t\t\tvsrp_array[9] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'#\\'>Fade in fade out rss feed module.<\/a><\/div>'; \t\t\t\n\t\t\tvsrp_obj\t= document.getElementById('vsrp_Holder');\n\t\t\tvsrp_obj.style.height = (vsrp_numberOfElm * vsrp_heightOfElm) + 'px';\n\t\t\tvsrp_content();\n\t\t}\n\t\t<\/script> \n    <script type=\"text\/javascript\">\n\t\tvsrp_createscroll();\n\t\t<\/script> \n  <\/div>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download <strong>Vertical scroll recent article<\/strong> Joomla module from the <a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">download<\/a> location. Select the correct ZIP file depends on your Joomla version.<br>2. Login into the administrator section of your Joomla site.<br>3. In the menu, Go to <strong>System<\/strong>, <strong>Install<\/strong> and then click the <strong>Extensions<\/strong> menu.<br>4. Click <strong>Browse<\/strong> and select the module you downloaded, then click <strong>Upload &amp; Install<\/strong> button.<br>5. When your Joomla module has been uploaded and installed successfully, you will see a confirmation message.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 3.7<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_3.6_menu_extensions_module.png\" alt=\"menu extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 4.2<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_4.2_menu_extensions_module.png\" alt=\"menu extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a new module instance<\/h2>\n\n\n\n<p>In your Joomla admin go to the <strong>Site Modules<\/strong> (System, Manage menu in your admin menu). You should see the module <strong>vertical scroll recent article<\/strong> listed among the others. Simply click on the module name to open the module editor.<\/p>\n\n\n\n<p>If you cannot find an instance of your new module, click the new button. The new <strong>vertical scroll recent article<\/strong> module should be listed among the types available, select <strong>vertical scroll recent article<\/strong> which will create a new instance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module configuration<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_vertical_scroll_recent_article\/mod_vertical_scroll_recent_article.png\" alt=\"Vertical scroll recent article Joomla module\"\/><\/figure>\n\n\n\n<p>Title : It is essential to set a title for the module.<br>Position: The position on the page where the module will be displayed.<br>Status: The module needs to be published in order for it to display.<br>Module Assignment: Assign the module to all pages.<\/p>\n\n\n\n<p>Scroll Height: Each article title height in the scroll. (e.g. 40)<br>Display Count: Display the number of articles at the same time in the scroll. (e.g. 3)<br>Number of Chars: Number of characters to display in the article title scroll.<\/p>\n\n\n\n<p>Category: Enter article category to filter.<br>Tags: Enter article tags to filter.<br>Number of Articles: Enter the number of article titles to display in the slider.<br>Featured Articles: Select featured articles display option.<br>Order Results: Select article scroll display order.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 3 -->\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=\"4975101454\"><\/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\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1) How many numbers of recent posts title will scroll?<\/strong><\/p>\n\n\n\n<p>We have the option to enter the number of posts we want to select from the database.<\/p>\n\n\n\n<p><strong>Q2) How many numbers of recent posts title will display at the same time?<\/strong><\/p>\n\n\n\n<p>Go to Site Module >> Vertical scroll recent article >> Article Setting (See above screen), in this section you can find the option to update the setting.<\/p>\n\n\n\n<p><strong>Q3) How to arrange the scroll setting?<\/strong><\/p>\n\n\n\n<p>Go to Site Module >> Vertical scroll recent article >> Scroll Setting (See above screen), in this section you can find the option to update the setting.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/06\/vertical-scroll-recent-article-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/06\/vertical-scroll-recent-article-joomla-module\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a title=\"Download link\" href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">http:\/\/www.gopiplus.com\/extensions\/download\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Joomla page<\/h2>\n\n\n\n<p><a href=\"https:\/\/extensions.joomla.org\/extension\/vertical-scroll-recent-article\/\">https:\/\/extensions.joomla.org\/extension\/vertical-scroll-recent-article\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This will scroll the article title in the website, the article title will scroll from bottom to top vertically. This is the best and fashionable way to show all the latest article to user.<\/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":[15,7,8,14,6,12],"class_list":["post-20","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-article","tag-joomla","tag-module","tag-recent","tag-scrolling","tag-vertical"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/20\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}