WP fade in text news

April 22, 2011 | Posted by: Gopi R | Wordpress plugin | 98 Comments | Video tutorial

Everybody loves fade in and fade out; this plugin will create the fade-in and out effect in the wordpress website. It is an superb excellent way to transition between announcements. Admin can add more announcement using plugin text management area.

Features of this plugin

  • Easy to customize
  • Short code available for page
  • Short code available for post

Live demo available below, if you want to create the fade in effect for the post title, use my Fade in fade out post title plugin.

Live Demo

Installation instruction & configuration

Method 1

  1. Download the ‘wp fade in text news’ plugin (wp-fade-in-text-news.zip) from download location.
  2. Unpack the *.zip file and extract the / wp-fade-in-text-news/ folder.
  3. Drop the ‘wp-fade-in-text-news’ folder into your ‘wp-content/plugins’ folder.
  4. In word press administration panels, click on plug-in from the menu.
  5. You should see your new ‘wp-fade-in-text-news’ plug-in listed under Inactive plug-in tab.
  6. To turn the word presses plug-in on, click activate.


Method 2

  1. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  2. Search ‘wp fade in text news’ plugin using search option.
  3. Find he plugin and click ‘Install Now’ link.
  4. Finally click activate plug-in link to activate the plug-in.

Method 3

  1. Download the ‘wp fade in text news’ plugin (wp-fade-in-text-news.zip) from download location.
  2. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  3. Select upload link (top link menu).
  4. Upload the available wp-fade-in-text-news.zip file and click install now
  5. Finally click activate plug-in link to activate the plug-in.

Plugin configuration

Method 1

  • Go to widget link under Appearance tab, Drag and drop ‘fade in text news’ widget into your side bar.

Method 2

  • Copy and paste the given short code into page or post. Short code available in the below comment (first comment).

Method 3

  • Use the below php code in the template PHP file to render this plugin.
  • PHP code:  <?php if (function_exists (FadeIn)) FadeIn(); ?>

Security

Only website admin and the user have the administrator privilege can see and change the setting and can add,update,delete the plugin fade-in text in the website administration area.

Administration → Settings → Fade-in text news

Frequently Asked Questions

Q1. How to arrange the plugin fade-in setting?

To update the plugin settings go to ‘Fadein text news’ menu under admin setting tab.

Administration → Settings → Fadein text news

Q2. How to update the existing plugin text?

To update the plug in default content go to ‘Fadein text news’ menu under admin setting tab and click the text management button.

Administration → Settings → Fadein text news → Text management button

Q3. Is possible to add the plugin more than one time in the same post or page?

No, only one time per page and post

Q4. How to group the announcement?

Use ‘group’ text box in the text management form to group the text announcement. and ‘widget’ is the default group for plugin widget.

Q5. How to display the announcement in the random order?

At present (version 1.0) we don’t have random order; always it show based on the order field in the text management form.

Q6. How to change the fade-in text CSS?

Just create the new CSS in your website CSS file with the name ‘FadeIn_CSS’. this is the ID of the fade-in DIV

Q7. My question is not listed in this FAQ?

Don’t worry; Just post the doubt in the comment section with correct email address.

Comments (98)

  1. Gopi R says:

    [FADEIN_TEXT_NEWS GROUP="widget"]

    • Gopi R says:

      Use the above code in the page or post to render this plugin. GROUP is used to separate the announcement text. you can create many records and can group them with the GROUP field in the text management area. please feel free to post your doubt.

    • Sean Furney says:

      Hi Gopi I have updated to version 3 but it does not seem to work! The last version was great and worked well. I am putting [FADEIN_TEXT_NEWS GROUP="widget"] this into the page html where Ii want the pop up to be displayed, what am I doing wrong?

      Thanks, Sean.

  2. Rotem Ayalon says:

    Iv’e put the PHP code in my template.
    the problem is that instead of seeing my text all I’m seeing is the word “undefined”.

    any idea why?

    • Admin says:

      Able to see the table and value in the database?? is this works in the widget ???

      • Rotem Ayalon says:

        now I’m not seeing anything.
        Iv’e put only one text line to test – but nothing is showing…
        weird.
        this is the code Iv’e pasted in the PHP:

        when I reverted to “horizontal news” it works.
        I casically want to swap between “horizontal” and “fade in”…

      • Rotem Ayalon says:

        it’s no not working in the widget area as well.
        any thoughts?

        • admin says:

          we can add only once in the page.. if u try to add more then one time in the same page. it will work only post.

    • Daniel says:

      I think you should add ‘widget’ on Group Name Field, in order to testimonials to show.

  3. Rotem Ayalon says:

    also, please explain these parameters:

    Title:
    Fade Out:
    Fade In:
    Fade:
    Fade Step:
    Fade Wait:

    thanks for all the help and the hard work,
    Rotem

  4. Rotem Ayalon says:

    another one for you:
    how do you make the announcements loop?
    they stop after the last announcement.

    thanks

  5. Rotem Ayalon says:

    what if i don’t want to group the announcements?
    what is the behavior if many groups are activated (order of group display ect.).

  6. Dan Schell says:

    ————————-
    [FADEIN_TEXT_NEWS GROUP="mens"]
    ————————-
    MEN’s

    A snipit from my code is shown above.
    The fade in text message does not fade in but instead is formatted as underlined and solid

    HELP !

  7. Harald says:

    Hej Gori
    I have replaced Ticker with your plugin fade in text message. It worked great until I change some parameters under settings when is topped working. Only the first message shows and all formating is gone. Would it be possible for you to take a look at the site to see if you can find out what went wrong? If not, please let me know.
    PS I uninstalled the plugin and reinstalled, but no change.DS
    Thanks,
    Harald

  8. Samuel says:

    I have tried both the method 1 and method 2 for the plugin configuration, both return : “undefined”

    I have not tried the method 3 because I don’t know how I can try that.

    How can you help for either of the 3 methods to work?

    Thanks.

    • Harald says:

      Samuel
      Have you replaced widget in the short-code with what ever you named the messages?

      • Samuel says:

        I have this:

        ID Message Group Order Display Action
        1 Think positive! sample 1 YES Edit Delete
        3 Keep moving! sample 3 YES Edit Delete

        And the method 1 as described by Gopi say:
        * Go to widget link under Appearance tab, Drag and drop ‘fade in text news’ widget into your side bar.

        Do I need to replace the widget? If so how?

    • Admin says:

      can u send your links.. check default value available in the admin and table..

  9. Gopi R says:

    Now in the version 3.0 we can add our HTML content in the text area… now in the demo i have included HTML content with color option. :)

  10. Dan Schell says:

    I am using version 3.
    It does not fade …. and the text is underlined.

    Dan

  11. sapna says:

    Hi, i am using this plugin.Thir is one problem when i changed text color ,fade in and fade out effect not show.

    • Gopi R says:

      By default, the script fades from black-to-white upon enter, and white-to-black upon exit.

      So we can see the effect only with default color.

  12. DJ Urban Cowboy says:

    Plugin works great…. But How can I get the pop to appear in the foreground… My movies and email list is appearing in front of it…..

  13. M V Bhaktha says:

    I have installed “Fade in Text News” plugin,
    under the Text Management settings after entering all the required field like “Message” “Display Status” “Group Name” “Display Order” there is a field for “Link” what is this link…..???? and what should be entered there….??? I am the web admin…..but a novice in this field can you explain me in simple steps as to what to enter in the “Link” field.Thank you.

    • Gopi R says:

      Link field : This is the redirect link for that text. if the user click that text the page will redirect to that link.

      Target : This option is to open the link in new window or same window.

  14. jeff says:

    Hi Gopi,

    First – great plug-in! I loved watching the fade in/out when I first installed it.

    Unfortunately, it no longer works for me…. only “undefined” now.

    I put in my own texts and I deleted the sample texts. Then I only get undefined.

    I deactivated plug-in, then reactivated — “undefined”

    I deactivated, deleted, reinstalled and — “undefined”

    I would like help, but I’m already searching for another plug-in. I hope I can use your “WP fade in text news” but it doesn’t look good for me.

    Hope you can help. Thanks,
    -Jeff

    • Gopi R says:

      Ok no problem. just enter only one record in the admin and see the front end .. enter clear text ( no special character ). and share the admin screen or link…

  15. Andres says:

    To fix “undefined” message you must to deactivate the plugin, and then activate. That’s all. It works for me.

    Thanks for the great plugin.

  16. Andres says:

    Update: “undefined” Message:

    The plugin only works if I choose “widget” as name in the “Group name” field in “Text management” configuration.

    May be this is a bug, but is easy to fix it only using “widget” as name in the “Group name”.

    Cheers!

    • Admin says:

      The concept is group name”widget” is for widget purpose. and user defined group name is for short code.

  17. Luis says:

    Fiest of all, let me congratulate you your excellnet plugin.
    I have 4″ blocks” of text, that I want to be spaced out exactly over 80 seconds, like this: Display first text for 30 seconds, followed by blank for 10 second, followed by second text 30 seconds, followed by blank 10 second.
    How should I set the parameters below?
    Fade Out:
    Fade In:
    Fade:
    Fade Step:
    Fade Wait:
    I have experimented with several, and don’t now exactly what to do to recreate the timing I described above.
    Thanks!

  18. sona says:

    how do i change the colour of fade in and fade out? my website has a black background, so i want default text to be white and fade effect to be black. great plugin btw, thanks a lot lot!

  19. womanhighheel says:

    how do i change the colour of fade in and fade out? my website has a black background, so i want default text to be white and fade effect to be black. great plugin btw, thanks a lot lot

  20. Reynald says:

    hello is it possible that someone tell me or show me how to center the popup and make it over the amazon carrousel ?

    thx for youe great help.

  21. Reynald says:

    oups sorry wrong section !!!

  22. Fade in fade out xml rss feed wordpress plugin « GOPI – Wordpress Joomla Plugin says:

    [...] upon exit. Do you want to create the fade in fade out effect for your own content? Then use WP fade in text news plugin. To fade in fade out RSS feed use this Fade in fade out xml rss [...]

  23. Ron says:

    does absolutely nothing, not a glimps of the popup

  24. Marcus Little says:

    I got your fade in text news to work but the underlined link text is distracting. I see you do not have the problem in your demo. How do I get rid of link lines when not having cursor over the text? Thanks in advance.

    Marcus

  25. Judy Culpepper says:

    If you visit my home page now, there is a video which covers up most of the pop up.

    Is there a way to get the pop up on the top layer? or if not, is there a way to change the width and height so as to have the pop up be in a different position with regard to the video?

    Thanks.

  26. Jim Hamlett says:

    Gopi,
    Your plugin looks like it would be perfect for what I’d like to do. But I have a problem. How do I get rid of the underline in the text? We must specify a link for each text entry, but I don’t want the text to have an underline when it shows on the web page. Where can I change the “text decoration” to “none” so the underline does not show? Thank you.

  27. pablo says:

    how i can change the color of the type?? how are the parameters?¿?

  28. Fade in fade out post title wordpress plugin says:

    [...] Short code available for post Live demo available below, if you want to create the same fade in fade out effect for your rss feed use Fade in fade out xml rss feed WordPress plugin. If you want to to create the same effect for your own content use WP fade in text news wordpress plugin. [...]

  29. WP fade in text news review, discussions, does it work, and ratings on Loadwp.com | Loadwp.com says:

    [...] LIVE DEMO MORE INFO COMMENTS AUTHOR [...]

  30. Andy says:

    Good plugin, but I can’t use it because of the underline problem mentioned above. I know it’s CSS, but it’s too much trouble to change just to make this work. The easy answer for me would be for you to remove the need for the the message to have a Link associated with it – for my initial application I don’t need it to have a link. If I did need it to link then having the underline may not be such a problem – but it would still be good to turn it off.

    Also, I think you should put some basic help text on the config screen to help people understand the settings page, and you could have made life easier by including the shortcode in the message settings page so people could just cut and paste.

    • admin says:

      FadeIn_CSS

      In this CSS class u can control the Underline… create the new css with this class name in your theme css file…

  31. Gezim says:

    Hello, i’m new with this plugin as well as with wordpress. i have installed this plugin into my demo website and i can say you have done a magnificent work. However, there is something that i really need for my website. can i use recent post from blog category? if yes i would need some instructions or something to make it work.

    thank you
    Best
    Gzim

  32. Wordpress plugin left right image slideshow gallery says:

    [...] WP fade in text news [...]

  33. Join Merchant Navy says:

    its not working. showing undefined. how can i fix it?

  34. Haydn says:

    Does this plug in have any custom capability? I only want a role set up in user role editor plugin to have access to fade in text news plug-in. Even though I have added new capability fade_in_text_news in the user role editor for the role in question it does not allow the role to access the plug-in. Any ideas how I can do this or do I need to find a text displaying plugin that has custom capability?

  35. stef says:

    hello, working on a popup add that is almost full width. I am using something that is banner size, and I am having trouble with cool fade popup. I have edited the css file to allow me the width to make that work, but it tells me that the css file is inactive. can you please email or give guidance as to the correct css that needs to be placed to facilitate full screen or large popups??

  36. Andrew says:

    This plug-in worked really well to begin with, but now the text simply switches from one piece of text to the next, with no fading. Can you please specify what the parameters do? I know you’ve said that they control the way the fade effect works, but please let us know how they work, so that I can get the text fading again!!

  37. ANiruddha says:

    Plug in is Not Working

    I see the “[POPUP=IMG1]” at the top of the page

  38. Randy says:

    Gopi, thank you for the plugin. I would like to have the text appear in-line; i.e., no line breaks. Editing a CSS would be ideal, and I see references to FadeIn_CSS but do not see the CSS file where this class is defined. Can you explain further?

  39. Randy says:

    Gopi, here are a few things that would be really great:

    1. Enable/disable the linking.

    2. Link should be able to do “target=_blank” so that a new window is opened if needed.

    3. Ability to put the text completely inline with existing text. I have not yet been able to do this with CSS.

    4. Ability to style the font (color, size, etc.)

    Thank you for considering!

  40. Tia says:

    I have your plugin installed on my site and I love it. However I can’t get it to stop jumping when it switches from one line to another, is there a way to make it a default size? Thanks so much!

  41. Shawn says:

    You should create a help document that explains all the technical questions so that users can easily get these answers instead of having to scroll thru postings, most of which are not answered. Here are my questions that also include questions from others that were not answered:

    1. I have entered on my page. It only displays items created with the group name of “widget”, why? Doesn’t this defeat the purpose of creating groups? I use the php code because I’m entering it in a php file/template – I don’t want to use the widget feature nor the short-code because I want this on more than just one page.

    2. Settings issues/questions:
    Title: <- this does not show up; why?

    What are the timings for the settings below? Is this in milliseconds or seconds? The first two sound obvious but what exactly are the last three?
    Fade Out:
    Fade In:
    Fade:
    Fade Step:
    Fade Wait:

    3. I want my link for the text to launch another window instead of navigating away from my page. However it appears that you can't put html code in the link field. You have a posting on May 19, 2011 at 3:08 pm where you mention "Target" but like the "Gigy" person I don't see that option either. How to have this launch a new window?

    Thanks.

  42. shan says:

    Hello well I’ve got a same issue i suppose…! i installed and paste the php code in my template..but the result comes with ‘undefined’ message instead of my own entered text.

    any solution to fix this bug..?

  43. Jason says:

    Having trouble getting it to work. I have four text messages set to “Yes” display and each is part of a group called “widget”. I added this to the bottom of the page in the html section “[FADEIN_TEXT_NEWS GROUP="widget"]” but no show. I’ve tried adding it to the sidebar and it doesn’t show up there either. I’m missing something but what?

  44. Shlomo says:

    The rotation doesn’t work at all. does that go tot do with the setup (that you don’t answer about….):
    Fade Out:
    Fade In:
    Fade:
    Fade Step:
    Fade Wait:

    also please, I’ve got “” in the titles could they be causing this problem?

    Also, I’ve got another scrooling widget of yours, can they be at the same page?
    thank you, Shlomo

  45. James says:

    I deleted the original sample text and added one of my own, now the fader only displays “undefined” over and over again.

    • jeff says:

      hey James,

      I’m not Gopi, but I did have the same problem you have.

      Here is how you fix it:

      Enter just one record in the admin. Look at the front end .. enter clear text (no special character).
      Share the admin screen or link

      Fixed.

  46. Raymond says:

    hay Gopi nice work, i just want to tell u that the link option is not necessary, can u remove that or make option on / off link

    Thanks!

  47. Direct Admin says:

    I’ve read a few good stuff here. Definitely price bookmarking for revisiting. I wonder how so much attempt you put to make this type of magnificent informative site.

  48. Ink & Toner says:

    Hi, I come acoss this writing by Aol search engine. figured I should take a look around. I read few content on this website. Thanks.

  49. ahmed says:

    Good plugin, but I can’t use it because of the underline problem mentioned above. I know it’s CSS, but it’s too much trouble to change just to make this work. The easy answer for me would be for you to remove the need for the the message to have a Link associated with it – for my initial application I don’t need it to have a link. If I did need it to link then having the underline may not be such a problem – but it would still be good to turn it off.

    Also, I think you should put some basic help text on the config screen to help people understand the settings page, and you could have made life easier by including the shortcode in the message settings page so people could just cut and paste.

  50. Bruce says:

    Having trouble getting it to work. I have four text messages set to “Yes” display and each is part of a group called “widget”. I added this to the bottom of the page in the html section “[FADEIN_TEXT_NEWS GROUP="widget"]” but no show. I’ve tried adding it to the sidebar and it doesn’t show up there either. I’m missing something but what?

    I’m having the same issue. My widget works, but the shortcode in my page doesn’t.

  51. Greg says:

    Hello, using your plugin on the home page only using Conditional tags and ‘do shortcode’ in my template file. When I go to an interior page, Firebug shows an error repeating:
    “FadeIn_bFadeOutt is not defined [Break On This Error] if (FadeIn_bFadeOutt) {”

    I’m using:
    if ( is_front_page() ) {
    // display certain sidebar content on home page only
    if (function_exists (FadeIn)) FadeIn();
    echo “”;
    } else {
    // catch-all for everything else (archives, searches, 404s, etc)
    echo “”;
    } // That’s all, folks!

  52. thinley tobgay says:

    can we remove the link

  53. mak says:

    i have dark background of fade in text news. default settings are not useful i want contraversy effect… please tell me how to

  54. Peter says:

    The frustrating thing about this plugin is that it is almost a great idea. As stated in above comments, it only works if the group name is “widget” otherwise you get an undefined message.
    I tried another group name, no special characters or anything .e.g “mygroup” and get the undefined message, so I am forced to always use the group name “widget” for it to work.
    Someone already highlighted this exact bug, but I noticed the plugin author responded, but in their response did not acknowledge the bug, so to this day, the bug remains.

  55. Peter says:

    I have fixed the bug regarding the fact that it ONLY works with the group name ‘widget’ so that it now can work with any group name.
    In the file wp-fade-in-text-news.php around line 54 it says:
    $sSql = “select FadeIn_text,FadeIn_link from “.WP_FadeIn_TABLE.” where FadeIn_status=’YES’ and FadeIn_group=’widget’”;
    which is a problem because it is ONLY retrieving records from the database if they have the group name “widget”. All you need to do is shorten this line to this:
    $sSql = “select FadeIn_text,FadeIn_link from “.WP_FadeIn_TABLE.” where FadeIn_status=’YES’”;

  56. David says:

    I keep getting ‘Undefined’ instead of the message that it should be.

    I have two entries with text.

    Any ideas on how to fix it?

  57. David says:

    As Peter said above, changing the group name to ‘widget’ makes it work. Looks like a bug then.

  58. Mugsy says:

    Any way to center the popup or otherwise set its position?

    • kardjo says:

      Ihave code in my theme below:

      maybe can help you.

      But @admin, when I hardcode your function into my template, I don’t know how to filter into group.
      When I took it produce an error.

      Pls, give us your light.
      Thx.

  59. kardjo says:

    Oops, html code is not accepted here…

    div style=”text-align:center;”
    ?php if (function_exists (FadeIn)) FadeIn(); ?
    /div

    *you should add ” at begin and end of each line.

Leave a Reply