How to add Animated Text widgets to website or Blog Posts

Animated Text Widgets to Blogger Blog 

Hi friends , I am back with the new widgets for your blogger blog . Here you can add stylish Text widget to your blog . You can find the demo in the same page itself . Lets go with the process of getting this widget .

How to add Animated Text widgets to website / Blog : 

• Copy the below code and past it any where on your blog . 
• Make sure it should be loaded on the page where you gonna add the animated Text . 

<!-- Myblogstory.com Code for animated text  -->
<link href="https://googledrive.com/host/0B0WJjcJEFNziaGlLbi04Uk00b3c" rel="stylesheet" />
<script src="https://googledrive.com/host/0B0WJjcJEFNzid180dVRuai1WQ1U" type="text/javascript"></script>
 <script>
 jQuery(document).ready(function($) {
  $('#words').quoteRotator();
 });
 </script>
<!-- Myblogstory.com Code for animated text   -->

• Now past the below code where you want to add the animated text . 
• Replace  the text highlighted with your Text .

<!-- Myblogstory.com Quote Rotator start  -->

<div id="words">

<ul class="word-container">

<li data-author="--- Myblogstory" data-easeout="lightSpeedOut"> Blog for Passion , Not for money</li>

<li data-author="--- Myblogstory " data-easeout="fadeOutDown">Blogging is not a single night rich process</li>

<li data-author="--- Myblogstory " data-easeout="fadeOutDown"> Reduce the bounce rate while attracting new visitors </li>

</ul>

<div class="quote">

<div class="quote-content">

</div>

<cite class="quote-author"></cite>

  </div>

</div>

<!-- Myblogstory.com Quote Rotator end -->

That's it and you are done . Enjoy the new look of your Blog .