{"id":24,"date":"2010-07-18T09:19:09","date_gmt":"2010-07-18T09:19:09","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=24"},"modified":"2021-08-28T14:36:57","modified_gmt":"2021-08-28T14:36:57","slug":"vertical-scroll-recent-post","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-post\/","title":{"rendered":"Vertical scroll recent post WordPress plugin"},"content":{"rendered":"\n<p><strong>Vertical scroll recent post<\/strong> WordPress plugin scroll the recent post title in the widget, the post scroll from bottom to top vertically. This is the best and fashionable way to show all the latest posts to users. No coding language knowledge required to set up this plugin. Activate the plugin and drag and drop the widget into the sidebar. We have the option to filter categories and order by option to scroll.<\/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>Scroll recent post.<\/li><li>Option to set the number of posts to scroll.<\/li><li>Scrolling so it occupies less space.<\/li><li>Option to choose a category.<\/li><li>Option to select order.<\/li><\/ul>\n\n\n\n<p>Plugin <strong>Live demo<\/strong> available below. Want to scroll the recent user comments instead of recent posts? Use my <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-comments\/\">vertical scroll recent comments<\/a> WordPress plugin to scroll the recent comment in the widget.<\/p>\n\n\n<div class=\"livedemo\">\n  <h2>Live Demo<\/h2>\n  <div style=\"padding-left: 0px; 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=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/twitter-real-time-search\/\">Twitter real time search...<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/04\/29\/wordpress-plugin-fade-in-fade-out-xml-rss-feed\/\">Fade in fade out xml rss feed...<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/08\/14\/space-gallery\/\">Space gallery...<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/01\/14\/wordpress-popup\/\">WordPress popup...<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\">Image horizontal reel scroll slideshow...<\/a><\/div>\n        <div class=\"vsrp_div\" style=\"height: 40px; padding: 2px 0px;\"><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-registered-user\/\">Vertical scroll recent registered user...<\/a><\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/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'; \/\/ Height of each element (px)\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=\\'http:\/\/www.gopiplus.com\/work\/2010\/10\/10\/superb-slideshow-gallery\/\\'>1. Superb slideshow gallery.<\/a><\/div>'; \n\t\t\tvsrp_array[1] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/announcement-and-vertical-scroll-news\/\\'>2. Announcement and vertical news.<\/a><\/div>'; \n\t\t\tvsrp_array[2] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/twitter-real-time-search\/\\'>3. Twitter real time search.<\/a><\/div>'; \n\t\t\tvsrp_array[3] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2011\/04\/29\/wordpress-plugin-fade-in-fade-out-xml-rss-feed\/\\'>4. Fade in fade out xml rss feed.<\/a><\/div>'; \n\t\t\tvsrp_array[4] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2010\/08\/14\/space-gallery\/\\'>5. Space gallery.<\/a><\/div>'; \n\t\t\tvsrp_array[5] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2011\/01\/14\/wordpress-popup\/\\'>6. WordPress popup.<\/a><\/div>'; \n\t\t\tvsrp_array[6] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\\'>7. Image horizontal reel slideshow.<\/a><\/div>'; \n\t\t\tvsrp_array[7] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-registered-user\/\\'>8. Vertical scroll registered user.<\/a><\/div>'; \n\t\t\tvsrp_array[8] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2011\/05\/28\/wordpress-plugin-random-post-slider\/\\'>9. WP plugin random post slider.<\/a><\/div>'; \n\t\t\tvsrp_array[9] = '<div class=\\'vsrp_div\\' style=\\'height:40px;padding:2px 0px 2px 0px;\\'><a href=\\'http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/translucent-image-slideshow-gallery\/\\'>10. Translucent image gallery.<\/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'; \/\/ Set height of DIV\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\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin vertical-scroll-recent-post.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the <strong>vertical-scroll-recent-post.zi<\/strong>p file.<\/li><li>Extract the \/vertical-scroll-recent-post\/ folder.<\/li><li>Drop the vertical-scroll-recent-post folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In WordPress administration panels, click on plug-in from the menu.<\/li><li>You should see your new vertical scroll and recent post plugin listed.<\/li><li>To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to the &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your WordPress admin.<\/li><li>Search <strong>vertical scroll recent post<\/strong> plugin using search option.<\/li><li>Find the plugin and click the &#8216;Install Now&#8217; link.<\/li><li>Finally click the activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin vertical-scroll-recent-post.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your word press admin.<\/li><li>Select <strong>upload plugin<\/strong> button (Button at the top of the page).<\/li><li>Upload the available <strong>vertical-scroll-recent-post.zip<\/strong> file and click install now.<\/li><li>Finally click the activate plugin link to activate the plugin.<\/li><\/ul>\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 configuration<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<p><strong>Drag and drop the widget<\/strong> : Drag and drop the widget: Go to widgets link under appearance menu, Drag and drop vertical scroll recent post widget into your desired position. It&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<p><strong>Add directly in the theme :<\/strong> Use this code to add the gallery to your Theme files.<\/p>\n\n\n\n<p><code>&lt;?php if (function_exists (vsrp)) vsrp (); ?&gt;<\/code><\/p>\n\n\n\n<p>Want to scroll the recent registered users instead of recent posts? Use my <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-registered-user\/\">vertical scroll recent registered user<\/a> WordPress plugin to scroll the registered users in the widget.<\/p>\n\n\n\n<p> <strong>Method 3<\/strong><\/p>\n\n\n\n<p><strong>Plugin short code :<\/strong> Use plugin short code in the posts\/pages also in the widget to display the vertical scroll recent users.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;vsrp vsrp_id='0' class='']<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to <strong>Settings<\/strong> menu and select <strong>VSRP Options<\/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\/vertical-scroll-recent-post.png\" alt=\"Vertical scroll recent post WordPress plugin\"><\/figure>\n\n\n\n<p><strong>Post title&#8217;s height :<\/strong> Enter desired height for each post&#8217;s title in the scroll. If any overlap in the scroll at front end, you should change this value. (Example: 35)<\/p>\n\n\n\n<p><strong>Post title&#8217;s length :<\/strong> Enter desired length for each post&#8217;s title in the scroll.<\/p>\n\n\n\n<p><strong>Select orderby field :<\/strong> Select which way you want to order the posts in the scroll.<\/p>\n\n\n\n<p><strong>Select order :<\/strong> Select the order you want your post&#8217;s to be displayed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Where and how to update the plugin setting?<\/strong><\/p>\n\n\n\n<p>In the admin dashboard go to the Settings menu and <strong>VSRP Option<\/strong> sub menu. There we have option to update the plugin setting.<\/p>\n\n\n\n<p><strong>Q2. How to update the number of recent posts to scroll?<\/strong><\/p>\n\n\n\n<p>In the <strong>VSRP Option<\/strong> page we have the option to update this number.<\/p>\n\n\n\n<p><strong>Q3. How many recent posts titles will display at the same time?<\/strong><\/p>\n\n\n\n<p>In default it will show 5. In the <strong>VSRP Option<\/strong> page we have the option to update this number.<\/p>\n\n\n\n<p><strong>Q4. Why do only a few characters appear in the scroll title?<\/strong><\/p>\n\n\n\n<p>In default it will show only 50 characters from the title. In the <strong>VSRP Option<\/strong> page we have the option to update this number.<\/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\/vertical-scroll-recent-post\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-post\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download link<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/06\/17\/vertical-scroll-recent-post-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/06\/17\/vertical-scroll-recent-post-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This plugin scroll the recent post title in the widget, the post scroll from bottom to top vertically. This is the best and fashionable way to show all the latest post 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":[160,6,42,17,29,5],"class_list":["post-24","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-marquee","tag-plugin","tag-post","tag-scroll","tag-vertical","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/24","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=24"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}