How to add Animated Text widgets to website or Blog Posts | My Blog Story My Blog Story

Saturday, 2 August 2014

How to add Animated Text widgets to website or Blog Posts

Leave a Comment

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 or Blog Posts

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 . 

<!-- Code for animated text  -->
<link href="" rel="stylesheet" />
<script src="" type="text/javascript"></script>
 jQuery(document).ready(function($) {
<!-- Code for animated text   -->

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

<!-- 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>

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

<!-- Quote Rotator end -->

That's it and you are done . Enjoy the new look of your Blog . 
Thankq one and all for visiting our blog . Keep visiting :)

Get Free Blogging updates in your Email

About Author

  • KEERTHISH KODALI (Sunny) is the founder of . He is very friendly guy ,who wants whole world to be united without any border. He is passionate about blogging. He is a DevOps engineer, Systems Engineer, Data Center Analyst , Professional Blogger and an addicted Web Designer. Ofcourse a Stock Traders and Crypto Investor ~~~ Read More


    Post a Comment