{"id":742,"date":"2011-04-29T04:53:14","date_gmt":"2011-04-29T04:53:14","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=742"},"modified":"2021-09-05T03:21:43","modified_gmt":"2021-09-05T03:21:43","slug":"wordpress-plugin-fade-in-fade-out-xml-rss-feed","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/04\/29\/wordpress-plugin-fade-in-fade-out-xml-rss-feed\/","title":{"rendered":"Fade in fade out xml rss feed WordPress plugin"},"content":{"rendered":"\n<p>Fade in fade out XML RSS feed. Now a day&#8217;s everyone uses fade-in fade-out text in some portion of the website to attract users. So I have created this new plugin to do this. This plugin directly retrieves title from the RSS feed and creates the fade-in fade-out effect in your WordPress website.<\/p>\n\n\n\n<p>By default, the script fades from black-to-white upon entry and white-to-black upon exit.<\/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>Do you want to create the <strong>fade-in fade-out<\/strong> effect for your own content? Then use the <a title=\"WP fade in text news\" href=\"http:\/\/www.gopiplus.com\/work\/2011\/04\/22\/wordpress-plugin-wp-fadein-text-news\/\">WP fade in text news<\/a> plugin.<\/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>Free.<\/li><li>Easy to customize.<\/li><li>Support all browser.<\/li><li>Read title from RSS feed.<\/li><li>Short code available for pages and posts.<\/li><\/ul>\n\n\n<div class=\"livedemo\">\n  \t<h2>Live demo<\/h2>\n\t<script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/fade-in-fade-out-post-title.js\"><\/script>\n\t<script type=\"text\/javascript\" language=\"javascript\">\n\tfunction fifopost_SetFadeLinks() \n\t{ \n\t\tfifopost_Links[0] = 'http:\/\/www.gopiplus.com\/work\/2011\/07\/31\/fade-in-fade-out-post-title-wordpress-plugin\/';\n\t\tfifopost_Titles[0] = 'Fade in fade out post title'; \n\t\tfifopost_Links[1] = 'http:\/\/www.gopiplus.com\/work\/2011\/07\/24\/wordpress-plugin-wp-iframe-images-gallery\/';\n\t\tfifopost_Titles[1] = 'WP iframe images gallery'; \n\t\tfifopost_Links[2] = 'http:\/\/www.gopiplus.com\/work\/2011\/05\/30\/wordpress-plugin-image-vertical-reel-scroll-slideshow\/';\n\t\tfifopost_Titles[2] = 'Image vertical reel scroll slideshow'; \n\t\tfifopost_Links[3] = 'http:\/\/www.gopiplus.com\/work\/2011\/04\/25\/wordpress-plugin-left-right-image-slideshow-gallery\/';\n\t\tfifopost_Titles[3] = 'Left right image slideshow gallery'; \n\t\tfifopost_Links[4] = 'http:\/\/www.gopiplus.com\/work\/2011\/07\/23\/scrolling-down-popup-wordpress-plugin\/';\n\t\tfifopost_Titles[4] = 'Scrolling down popup plugin'; \n\t\tfifopost_Links[5] = 'http:\/\/www.gopiplus.com\/work\/2010\/09\/04\/continuous-announcement-scroller\/';\n\t\tfifopost_Titles[5] = 'Continuous announcement scroller'; \n\t\tfifopost_Links[6] = 'http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/youtube-with-fancy-zoom\/';\n\t\tfifopost_Titles[6] = 'Youtube with fancy zoom'; \n\t}\n\tvar fifopost_FadeOut = 255;\n\tvar fifopost_FadeIn = 1;\n\tvar fifopost_Fade = 0;\n\tvar fifopost_FadeStep = 3;\n\tvar fifopost_FadeWait = 3000;\n\tvar fifopost_bFadeOutt = true;\n\t<\/script>\n\t<div id=\"gopiplus_css\" style=\"padding:5px;border: 1px solid #E2E2E2;\">\n\t\t<strong>Live Demo : <\/strong><a href=\"'http:\/\/www.gopiplus.com\/work\/\" id=\"fifopost_Link\">Fade in fade out post title<\/a>\n\t<\/div>\n<\/div>\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 fade-in-fade-out-xml-rss-feed.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Unpack the *.zip file and extract the \/fade-in-fade-out-xml-rss-feed\/ folder.<\/li><li> Drop the &#8216;fade-in-fade-out-xml-rss-feed&#8217; folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li> In word press administration panels, click on plugin from the menu.<\/li><li> You should see your new &#8216;Fade in fade out xml rss feed&#8217; plug-in listed under Inactive plugin tab.<\/li><li> To turn the WordPress plugin 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 &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li> Search &#8216;Fade in fade out xml rss feed&#8217; 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>Option 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin fade-in-fade-out-xml-rss-feed.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 word-press admin.<\/li><li> Select upload plugin button.<\/li><li> Upload the available fade-in-fade-out-xml-rss-feed.zip file and click install now.<\/li><li> Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin Style<\/h2>\n\n\n\n<p>One good thing is that the plugin comes with a separate CSS file. Both the messages division (div) and hyperlink (a) tag come with a CSS rule. So, we are required to just define and style it in the given CSS file. If you know basic CSS, then it will be easy for you to style it the way you like.<\/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\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Drag and Drop the Widget:<\/strong>  Go to the <strong>Widgets<\/strong> page under the <strong>Appearance<\/strong> menu, Drag and drop the \u2018Fade in XML RSS feed\u2019 widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Add the gallery in the Posts or Pages:<\/strong> Copy and paste the given shortcode into pages or posts. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;fadein-fadeout-rss feed=\"link1\"]<\/code><\/pre>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Use this code to add this plugin to your theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>echo do_shortcode( '&#091;fadein-fadeout-rss feed=\"link1\"]' );<\/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>the <\/strong>Settings menu and select <strong>Fade in the XML RSS feed<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<p>Only the website admin and the user who has the administrator privilege can see and change the gallery setting and can add, update, delete the plugin images in the website administration area.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/fade-in-fade-out-xml-rss-feed.png\" alt=\"Fade in Fade out xml rss feed WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<p><strong>Q1. How to arrange the plugin fade-in setting?<\/strong><\/p>\n\n\n\n<p>To update the plugin settings go to the &#8216;Fade in XML RSS feed&#8217; menu under the admin setting tab.<\/p>\n\n\n\n<p>Go to the Dashboard >> Settings >> Fade in XML RSS feed.<\/p>\n\n\n\n<p><strong>Q2. Is possible to add more shortcode on the same page or posts?<\/strong><\/p>\n\n\n\n<p>No, We can use shortcode only once per page\/post.<\/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\/2011\/04\/29\/wordpress-plugin-fade-in-fade-out-xml-rss-feed\/\">http:\/\/www.gopiplus.com\/work\/2011\/04\/29\/wordpress-plugin-fade-in-fade-out-xml-rss-feed\/<\/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\/09\/fade-in-fade-out-xml-rss-feed-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/09\/fade-in-fade-out-xml-rss-feed-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"GSxQxj3tAM\"><a href=\"https:\/\/wordpress.org\/plugins\/fade-in-fade-out-xml-rss-feed\/\">Fade in fade out xml rss feed<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Fade in fade out xml rss feed&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/fade-in-fade-out-xml-rss-feed\/embed\/#?secret=GSxQxj3tAM\" data-secret=\"GSxQxj3tAM\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Fade in fade out XML RSS feed. Now a day&#8217;s everyone uses fade-in fade-out text in some portion of the website to attract users. So I have created this new plugin to do this. This plugin directly retrieves title from the RSS feed and creates the fade-in fade-out effect in your WordPress website. By default, [&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":[111,129,147,6,15,5,137],"class_list":["post-742","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-fade","tag-fade-in","tag-feed","tag-plugin","tag-rss","tag-wordpress","tag-xml"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/742","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=742"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/742\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=742"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}