{"id":27,"date":"2010-07-18T09:22:27","date_gmt":"2010-07-18T09:22:27","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=27"},"modified":"2021-08-30T15:14:10","modified_gmt":"2021-08-30T15:14:10","slug":"vertical-scroll-recent-comments","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-comments\/","title":{"rendered":"Vertical scroll recent comments WordPress plugin"},"content":{"rendered":"\n<p><strong>Vertical scroll recent comments<\/strong> WordPress plugin will scroll the recent post comment vertically (bottom to top) in the website. This is the best and stylish way to show the recent comments to users. We have the option to show commenter images along with comments. No coding language is required to set up this plugin. Just activate the plugin and drag and drop the vertical scroll recent comments widget to your sidebar. And check the front end. You can see the recent comments scroller in the front end. To update the setting go to the administrator section page and do the changes.<\/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<p>Want to scroll the <strong>recent post instead of comments<\/strong>? Use my <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-post\/\">vertical scroll recent post<\/a> WordPress plugin to scroll the recent post title in the widget.<\/p>\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 to install and configure.<\/li><li>It&#8217;s scrolling vertical so we can display more comments.<\/li><li>User can see the newest comments at sidebar.<\/li><li>You can customize the number of recent comments to display.<\/li><li>It&#8217;s scrolling so it occupies less space in sidebar.<\/li><li>Option to display avatar image in the scroll.<\/li><\/ul>\n\n\n\n<p>Plugin <strong>Live demo<\/strong> is available on the page below. Want to scroll your own content instead of comment? Use my <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/09\/04\/continuous-announcement-scroller\/\">continuous announcement scroller<\/a> plugin to scroll the recent post title 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    <style type=\"text\/css\">\n\t.vsrc-regimag img { \n\tfloat: left ;\n\tborder: 1px solid #CCCCCC ;\n\tvertical-align:bottom; \n\tpadding: 3px ;\n\tmargin-right: 2px;\n\t};\n    <\/style>\n    <div style=\"padding-top: 8px; padding-bottom: 8px; padding-right:8px;\">\n      <div style=\"text-align: left; vertical-align: middle; text-decoration: none; overflow: hidden; position: relative; margin-left: 1px; height: 250px;\" id=\"vsrc_Holder\">\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>Bill: <\/span><span><a href=\"#\">PS I'm using Continuous Announcement v5.0 ...<\/a><\/span><\/div>\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>Bill: <\/span><span><a href=\"#\">I know you answered this question above on Feb 16th but I'm fairly new ...<\/a><\/span><\/div>\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>Mark Fisher: <\/span><span><a href=\"#\">Hello,  I have this plugin working fine on my site - only to find the ...<\/a><\/span><\/div>\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>Senthil: <\/span><span><a href=\"#\">How to display different category post seperatly like  scrolling in se ...<\/a><\/span><\/div>\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>Senthil: <\/span><span><a href=\"#\">After I intalled plugin, the post content of category which is I selec ...<\/a><\/span><\/div>\n        <div class=\"vsrc_div\" style=\"height: 80px; padding: 2px 0px;\"><span>ND: <\/span><span><a href=\"#2\">Hi. I'm using the shortcode on my home page (home.php) but the shortco ...<\/a><\/span><\/div>\n      <\/div>\n    <\/div>\n    <script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/vertical-scroll-recent-comments.js\"><\/script> \n    <script type=\"text\/javascript\">\n\t\tvar vsrc_array\t= new Array();\n\t\tvar vsrc_obj\t= '';\n\t\tvar vsrc_scrollPos \t= '';\n\t\tvar vsrc_numScrolls\t= '';\n\t\tvar vsrc_heightOfElm = '80'; \/\/ Height of each element (px)\n\t\tvar vsrc_numberOfElm = '3';\n\t\tvar vsrc_scrollOn \t= 'true';\n\t\tfunction vsrc_createscroll() \n\t\t{\n\t\t\tvsrc_array[0] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Mang Anyunk: <\/span><span><a href=\\'#\\'>Great plugin..  I have used your plugin since the very first version. ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[1] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Pagina web tenerife: <\/span><span><a href=\\'#\\'>Excellent plugin, but what i have to do to included on the theme not o ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[2] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Bill: <\/span><span><a href=\\'#\\'>PS I\\'m using Continuous Announcement v5.0 ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[3] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Bill: <\/span><span><a href=\\'#\\'>I know you answered this question above on Feb 16th but I\\'m fairly new ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[4] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Mark Fisher: <\/span><span><a href=\\'#\\'>Hello,  I have this plugin working fine on my site - only to find the ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[5] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Senthil: <\/span><span><a href=\\'#\\'>How to display different category post seperatly like  scrolling in se ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[6] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Senthil: <\/span><span><a href=\\'#\\'>After I intalled plugin, the post content of category which is I selec ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[7] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>ND: <\/span><span><a href=\\'#\\'>Hi. I\\'m using the shortcode on my home page (home.php) but the shortco ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[8] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Jesus: <\/span><span><a href=\\'#\\'>I discovered your weblog web site on google and examine a couple of of ...<\/a><\/span><\/div>'; \n\t\t\tvsrc_array[9] = '<div class=\\'vsrc_div\\' style=\\'height:80px;padding:2px 0px 2px 0px;color:#FF0000;\\'><span>Chewy: <\/span><span><a href=\\'#\\'>Hi,    Is there a way that we can made the scrolling texts bolded? ...<\/a><\/span><\/div>'; \t\t\t\n\t\t\tvsrc_obj = document.getElementById('vsrc_Holder');\n\t\t\tvsrc_obj.style.height = (vsrc_numberOfElm * vsrc_heightOfElm) + 'px'; \/\/ Set height of DIV\n\t\t\tvsrc_content();\n\t\t}\n\t\t<\/script> \n    <script type=\"text\/javascript\">\n\t\tvsrc_createscroll();\n\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-comments.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the vertical-scroll-recent-comments.zip file.<\/li><li>Extract the \/vertical-scroll-recent-comments\/ folder.<\/li><li>Drop the vertical-scroll-recent-comments folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In WordPress administration panels, click on plugin from the menu.<\/li><li>You should see your vertical scroll 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 &#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 &#8216;Install Now&#8217; link.<\/li><li>Finally click 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-comments.zip from <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 WordPress admin.<\/li><li>Click Upload Plugin button.<\/li><li>Upload the available vertical-scroll-recent-comments.zip file and click install now.<\/li><li>Finally click 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>Drag and drop the widget: Go to widget page under appearance tab, Drag and drop vertical scroll recent comments widget into your sidebar. It&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<p>Add directly in the theme: Use this code to add the gallery to your theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if (function_exists (vsrc)) vsrc(); ?><\/code><\/pre>\n\n\n\n<p> <strong>Method <\/strong>3<\/p>\n\n\n\n<p>Plugin Short Code: We have a shortcode option in this plugin to use posts\/pages also from WordPress 5.8 onwards we can use the shortcode in the widget to display the recent comments.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;vertical-scroll-recent-comments limit=\"10\" displaycount=\"5\" height=\"60\" character=\"50\" speed=\"2\" wait=\"2\" display=\"NAME\"]<\/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 the <strong>Settings<\/strong> menu and select <strong>Vertical scroll recent comment<\/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-comments.png\" alt=\"Vertical scroll recent comment WordPress plugin\"><\/figure>\n\n\n\n<p>Each comment&#8217;s height in the widget: This is the height of the single comment, this field is required to smooth scroll.<\/p>\n\n\n\n<p>Display number of comments at the same time in the scroll: This field is to display a number of comments at the same time in the front end.<\/p>\n\n\n\n<p>Enter max number of comments to scroll: This is to fetch a number of comments from the database to display.<\/p>\n\n\n\n<p>Enter comment character length: This field is to display a number of characters display in each comment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Where to update the plugin setting?<\/strong><\/p>\n\n\n\n<p>Go to Admin dashboard and click <strong>Vertical scroll recent comment<\/strong> link in the <strong>Settings <\/strong>menu.<\/p>\n\n\n\n<p><strong>Q2. How to configure a number of recent comments in the scroll?<\/strong><\/p>\n\n\n\n<p>Admin can set this number in the widget management area. Use <strong>Enter max number of comments to scroll<\/strong> field text box to update this number. In the shortcode use the <strong>limit <\/strong>parameter. <\/p>\n\n\n\n<p><strong>Q3. How to configure the numbers of recent comments display at the same time?<\/strong><\/p>\n\n\n\n<p>Admin can set this number in the widget management area. Enter the number in this textbox field <strong>Display number of comments<\/strong> at the same time in scroll to update this number.  In the shortcode use the <strong>displaycount<\/strong> parameter.  <\/p>\n\n\n\n<p><strong>Q4. Why do we see only a few characters display in the scroll?<\/strong><\/p>\n\n\n\n<p>By default, it will show only 50 characters, in the setting page, we have the option to update this number.  In the shortcode use the <strong>character<\/strong> parameter.   <\/p>\n\n\n\n<p><strong>Q5. Is possible to hide the avatar display from a scroll?<\/strong><\/p>\n\n\n\n<p>Yes, go to the admin page and use the radio button to hide the avatar.  In the shortcode use the <strong>display<\/strong> parameter.   <\/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-comments\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-recent-comments\/<\/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\/06\/17\/vertical-scroll-recent-comments-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/06\/17\/vertical-scroll-recent-comments-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This plugin will scroll the recent post comment vertically (bottom to top) in the widget. This is the best and stylish way to show the recent comments to user. We have option to show avatar images along with comments.<\/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":[46,6,38,17,85,78,29,5],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-comments","tag-plugin","tag-recent","tag-scroll","tag-scroller","tag-scrolling","tag-vertical","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/27","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=27"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}