{"id":4325,"date":"2013-10-03T14:30:17","date_gmt":"2013-10-03T14:30:17","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=4325"},"modified":"2021-09-02T15:00:50","modified_gmt":"2021-09-02T15:00:50","slug":"jquery-news-ticker-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2013\/10\/03\/jquery-news-ticker-wordpress-plugin\/","title":{"rendered":"jQuery news ticker WordPress plugin"},"content":{"rendered":"\n<p>jQuery news ticker plugin brings a lightweight, flexible, and easy to configure news ticker plugin to the WordPress website. This plugin adds scrolling horizontal tickers to your site. It can be used as a fade-in fade-out ticker too. You can enter your news via HTML editor manually in the admin dashboard.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advantage of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Lightweight JQuery.<\/li><li>Easy to configuration.<\/li><li>Multi-widget option.<\/li><li>Expiration date for the messages.<\/li><li>Plugin tested with IE6+, FF 20+, Chrome, Safari.<\/li><li>Supports localization.<\/li><\/ul>\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<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scrolling-announcement\/\">Horizontal scrolling announcement<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live demo<\/h2>\n\t<link rel='stylesheet' id='jquery.ticker-css'  href='http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/jquery-news-ticker.css' type='text\/css' \/>\n\t<script type='text\/javascript' src='http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/jquery-news-ticker.js'><\/script>\n\t<ul id=\"gticker-news1\" class=\"gticker-hidden\">\n\t\t<li class=\"gticker-item\"><a href=\"#\">JQuery news ticker wordpress plugin<\/a><\/li>\n\t\t<li class=\"gticker-item\"><a href=\"#\">Popup with fancy-box<\/a><\/li>\n\t\t<li class=\"gticker-item\"><a href=\"#\">Tabs recent posts vs recent comments<\/a><\/li>\n\t\t<li class=\"gticker-item\"><a href=\"#\">Twitter tweet horizontal scroll<\/a><\/li>\n\t\t<li class=\"gticker-item\"><a href=\"#\">Tabs widget popular posts and latest posts<\/a><\/li>\n\t<\/ul>\n\t<script type=\"text\/javascript\">jQuery(function () {\n\t\tjQuery('#gticker-news1').ticker({\n\t\tspeed: 0.05, \n\t\thtmlFeed: true, \n\t\ttitleText: 'Live Demo:', \n\t\tdirection: 'ltr',   \n\t\tcontrols: false,\n\t\tdisplayType: 'reveal', \n\t\tpauseOnItems: 2000, \n\t\tfadeInSpeed: 600,\n\t\tfadeOutSpeed: 300 \n\t\t});\n\t});\n\t<\/script>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Installation Instruction<\/h2>\n\n\n\n<p><strong>Option 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin jquery-news-ticker-plugin.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\"><strong>download<\/strong><\/a> location.<\/li><li>Unpack the *.zip file and extract the <strong>jquery-news-ticker-plugin<\/strong> folder.<\/li><li>Drop the <strong>Jquery news ticker plugin<\/strong> folder into your <strong>wp-content\/plugins<\/strong> folder.<\/li><li>In word press administration panels, click on <strong>Plugins<\/strong> from the menu.<\/li><li>You should see your plug-in listed under Inactive plug-in tab.<\/li><li>To turn the word presses plug-in on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Option 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to Add New menu under <strong>Plugins<\/strong> menu in your word-press admin.<\/li><li>Search <strong>Jquery news ticker plugin<\/strong> plugin using search option.<\/li><li>Find the plugin and click <strong>Install Now<\/strong> link.<\/li><li>Finally click activate plug-in link to activate the plug-in.<\/li><\/ul>\n\n\n\n<p><strong>Option 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin jquery-news-ticker-plugin.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\"><strong>download<\/strong><\/a> location.<\/li><li>Go to Add New menu under Plugins tab in your word-press admin.<\/li><li>Select upload link (top link menu).<\/li><li>Upload the available <strong>jquery-news-ticker-plugin.zip<\/strong> file and click install now<\/li><li>Finally click activate plug-in link to activate the plug-in.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Drag and drop the widget:<\/strong> Go to the widget menu and drag and drop the <strong>jQuery news ticker<\/strong> widget to your sidebar location.<\/p>\n\n\n\n<p><strong>Paste the PHP code to your desired template location:<\/strong> Copy and paste the below-mentioned code to your desired template location (i.e in theme PHP file). <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php newsticker( $group = \"\", $title = \"\", $direction = \"\", $type = \"\", $pause = \"\", $speed = \"\" ); ?><\/code><\/pre>\n\n\n\n<p><strong>Short code for pages and posts:<\/strong> Please find the shortcode below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;jquery-news-ticker group=\"GROUP1\" title=\"News\" direction=\"ltr\" type=\"reveal\" pause=\"2000\"]<\/code><\/pre>\n\n\n\n<p>Group (Mandatory): To display all the news without any group, set this to an empty string.<br> Title (Optional): Ticker title, Set empty string to remove the title.<br> Direction (Optional) : Ticker direction, Left to right (ltr). Right to left (rtl)<br> Type (Optional): Ticker type, At present, we have two options only, options are &#8216;reveal&#8217; and &#8216;fade&#8217;<br> Pause  (Optional): The pause on a news item before being replaced.<br> Speed (Optional): The speed of the reveal (example: 0.10)<\/p>\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\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to arrange the speed of the revealed text?<\/strong><\/p>\n\n\n\n<p>In the shortcode, you have a parameter (speed) to arrange the reveal text speed, the same option is available in the widget form for widget display. 0.10 is the default speed of the reveal.<\/p>\n\n\n\n<p><strong>Q2. How to arrange the pause time for fade-in effect?<\/strong><\/p>\n\n\n\n<p>In the shortcode, you have a paramater (pause) to arrange the pause time, the same option available in the widget form for widget display. 2000 is a default pause of the fade-in effect.<\/p>\n\n\n\n<p><strong>Q3. Is possible to add an expiration date for the ticket news?<\/strong><\/p>\n\n\n\n<p>YES, We have an expiration date for each news. In your WordPress administrator section go to the Settings menu and select the <strong>jQuery news ticker<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<p><strong>Q4. Which browsers does this support?<\/strong><\/p>\n\n\n\n<p>This plugin has been tested IE6+, FF 20+, Chrome, Safari.<\/p>\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 Settings menu and select the <strong>jQuery news ticker<\/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\/jquery-news-ticker.png\" alt=\"jQuery news ticker WordPress plugin\"><\/figure>\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\/2013\/10\/03\/jquery-news-ticker-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2013\/10\/03\/jquery-news-ticker-wordpress-plugin\/<\/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\/2013\/10\/05\/jquery-news-ticker-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2013\/10\/05\/jquery-news-ticker-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jquery news ticker plugin brings a lightweight, flexible and easy to configure news ticker plugin to wordpress website. This plugin adds scrolling horizontal tickers to your site. It can be use as a fade in fade out ticker too. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[185,6,86,5],"class_list":["post-4325","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-jquery","tag-plugin","tag-ticker","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/4325","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=4325"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/4325\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=4325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=4325"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=4325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}