Quote Rotator code for Blogger

Sometimes you have to sow some points or quotes in your blog. It may be that sometimes that you want o share something and you want the user to gain attention in it. If this is the reason, then adding animating quote rotating may be very useful. This gadget allows you to show quotes in different animated way. If you want to show show big personalities saying than, this widget would be very helpful. You may indicate some blog release or some important messages in your blog. It helps you to gain the attention of the user entering into your blog or websites. Now, without further discussion let us now forward into how to add it to your blog.

 

You can view the demo of this widget by clicking the link below.

DEMO

Steps of Adding this Widget:-

1) Go to Blogger Dashboard > New Post > HTML Section of new post and then add the following  Javascript code first.

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

2) Then Add the following code just below it.

<!-- Nepalilab Quote Rotator -->
<div id="words">
<ul class="word-container">
<li data-author="--- Aristotle" data-easeout="lightSpeedOut">It is the mark of an educated mind to be able to entertain a thought without accepting it.li>
<li data-author="--- Nelson Mandela " data-easeout="fadeOutDown">Education is the most powerful weapon which you can use to change the world.</li>
<li data-author="---  Aristotle " data-easein="fadeInDown">The roots of education are bitter, but the fruit is sweet.</li>
<li data-author="---  Bill Gates (Microsoft)" data-easeout="bounceOut">It's fine to celebrate success but it is more important to heed the lessons of failure.</li>
<li data-author="---  Arlo Guthrie (1947 - )" data-easein="bounceIn">You can't have a light without a dark to stick it in. </li>
<li data-author="---  Bill Gates (Microsoft)" data-easein="lightSpeedIn">If you think your teacher is tough, wait until you get a boss. He doesn't have tenure.</li>
</ul>
<div class="quote">
<div class="quote-content">
</div>
<cite class="quote-author"></cite>
  </div>
</div>