35

How to create visually animated and sticky blog posts!

how to create animated blog posts

In today's post, I want to answer a question many of my readers have kept asking me. As a matter of fact, I promised I was going to write this post to give you more details how I'm able to animate visuals on my blog posts

We will see exactly how I animate images and other visuals, making my blog posts attractive to read. The effect of these animated objects on my blog has been a remarkable increase in average time on site.

More...

The last question I got from Emmanuel who wrote to find out how I add creative animations to my images:

animated blog posts

I want you to notice something before we move further;

First, reload this page and take note the way this image (the screen shot) above loads. It has a zoom effect right?

Secondly, mouse-over it. You'll have a Tooltip with text "Question from Emmanuel,one of my readers!"

Thirdly, click it. Anytime you click the image, there will be a rotational effect.

Three different animations have been added to that object.

Let's see something different. I'm going to create a Content Box and add another animation to it:

ANIMATED CONTENT BOX

This content box is animated. I can add any text in here. I can even add images to it. Click the box to see the animation!

Did you see the way these buttons below are loaded? Click any of them to see the effect again:

Here are some more interesting data-related animations:

95 %
Fill Counter
2000 years ago!
Loading...

The examples are just unlimited. The more you think of, the more you can get. But the question from many of you is How are these objects animated?

How to animate blog post visuals!

Now, this is no flash animation or animated gif images. What I use is the content builder called Thrive Content Builder

Want to build visually compelling content, try out Thrive Content Builder

NB: Here is why I bought this plugin

Animated data elements...

Let me start with the animated data elements I used above because those are quite simple to deal with. All you do is drag the element to your content area and add the data.

Drag and drop each element to the position you want it to be. Once on your page, click it to edit the data. Note that these elements have inbuilt animation that cannot be changed. All you do is simply add data.

data elements animated

Animated images and other objects!

Now, let's see how you can animated images and other objects on your blog posts.

First, there are three animation triggers with Thrive Content Builder. These are things that should happen for an object's animation to be played. Here are the triggers:

  • When the object is clicked
  • When the mouse goes over the object
  • When the object comes to viewpoint

Once you have your object dragged and dropped on your page, click it. Look for the Event Manager button. If this button is absent, that means you can animate the object.

event manager

Once you click "Event Manager", this will pop up a window like this:

event manager trigger

Under the Trigger tab, select the event that should trigger the animation. And under the Action tab, simply select Animation.

The next window should look something like this:

animated blog posts adds

You can play around with the different animations and select the option that's good for you.

Click "Save Event" and that will be it.

So you see with Thrive Content Builder, it's quite easy to animate your blog posts. Note that many other content builders allow this.

Get Thrive Content Builder for free

Thrive content builder is not a free plugin but you can get it for free and even make more money. This is exactly what I have done;

  1. First, buy it and setup on your blog.
  2. Join the Affiliate program
  3. Tell your readers you've bought it. Link to it on your affiliate link.
  4. Do tutorial posts like this one and teach your readers how to use it.

The this product converts quite well in the blogging niche. If you have bloggers reading your blog, chances are very high to sell copies.

You get paid 50% per sale. That means for just 2 copies sold, you will get back your money. That's some sort of a refund that legally allows you the license.

Time to act. Don't sit and complain.

Let me also know what you think about this in the comment box below

If you are Freelancer, VA, Consultant or anyone hiring, you need this legal template. See details Here

Recommend:  

High-qualityResponsive and Top rated SEO Friendly WordPress Themes 2019 from MeridianThemes

Also benefit from dedicated, professional, and quick support from team.

Enstine Muki
 

Certified Cryptocurrency Expert, Problogger and Serial Entrepreneur

Muhammad Tabish

Hi Bro Again 😛
Wow Great Informative Post I like Thrive Theme, But Your Article is Awesome and Helpfully Create Visually Animate Blog Post Tutorial 🙂
Muhammad Tabish recently posted…How to Spy On Your Online Competitors With The Best SEO Tools To beat ThemMy Profile
Twitter:

    Enstine Muki

    Thanks for the comment bro
    I hope you are enjoying the plugin as well
    Twitter:

Max

I have initially marvelled at it and wanted to ask the question. However, I noticed how you promote Thrive and I decided to check it out and found it was what you used.

Great product I must say.
Twitter:

Jerry

Hi Enstine,

Is it possible to edit old posts or pages once you install Thrive? Or would I have to re-create them? I have a lot of plain looking posts that could use some livening up.

Thanks!
Twitter:

    Enstine Muki

    Hzy Jerry,
    TCB is a completely different editor. To deal with old posts, you will have to open the posts, copy the content and paste in the new TCB editor. Once done, you will have to then delete the content that’s within the traditional WP editor.

    Yes, you can edit old post using TCB 😉
    Enstine Muki recently posted…MailChimp Vs MailerLite ~ Free Email Marketing Tools for bloggers!My Profile
    Twitter:

      Jerry

      OK, that makes sense. Thanks for taking the time to let me know how it works!
      Twitter:

Mohinder Paul Verma

Hi Enstine, this is so wonderful and looking pretty cool images with animated form. I want to use these but unfortunately I am not using wordpress.

I have one query regarding this use of images with animated form.

Any blog using images like in your blog, would it open slowly?

Is there any way to use this style in Blogger?

Can you help in finding online?

Mohinder Paul Verma
Admin
BloggingFunda – A Community of Bloggers
Twitter:

    Enstine Muki

    Hi bro, the question on load speed is penitent but I haven’t noticed any change as a result of it.

    About doing same thing on blogger, I really don’t have an idea. Maybe someone here who’s active on blogger can help with an answer 😉
    Twitter:

mide

I’ve used all products from thrivethemes and I can say they’re very good. there also is thrive leads, thrive builder and thrive themes. it does work of autoresponder and other features. the animation part’s great. too bad its not available for blogger.
mide recently posted…Oprah Winfrey’s Christian Louboutin shoes sell for $16,601My Profile
Twitter:

stefany

Hi Enstine,

That’s a really cool plugin. Very helpful article and informative. I have not seen such beautiful animation on any other blogs.

I’ll have to check this plugin out.
Twitter:

Al Mamun

Hi, Enstine bro

I never used Thrive content builder, after hearing from you hope will use. A part from blogging always you comes with touching content. This is really awesome, anyone can animated his content without knowing html5, CSS3, jquery or php.

Thanks for sharing with us.
Twitter:

    Enstine Muki

    Hey Al,
    You will like it if you grab the plugin. Absolutely no technical knowledge required.
    If you promote as affiliate, you will get your money back

    Let me know how it goes 😉
    Twitter:

Lorraine Reguly

Tutorials like this are great! I have this pkugin but don’t know how to use all of its features. Thanks for this! I hope you make more tutorials!
Twitter:

Ogunrinola Adam Hiidee

Hi Enstine,
I am very very happy to have read this articles. Though I have been noticing the animation but I was thinking they are gif image. Now Thrive Content Builder is really a good plugin to try out. Is there any free test to test the features before making any purchase?
Best Regards
Adam Hiidee
Twitter:

Joseph Ybholy

Wow, enstine, I normally follow your mail once it showed up on my gmail.

Today’s own is not an exception. I saw it since yesterday and now I decided to open it. its wow.

Thrive content builder is a nice plugin. Though, am currently working on a niche blog on blogger platform. Will give it a try when I get back to WordPress. Thanks
Twitter:

Pritam Nagrale

Hi Enstine.
Good work and lots of things to learn !
Loved your way of explanation.
Pritam Nagrale recently posted…10 Simple Ways to Beat Impulse BuyingMy Profile

Karan Bhagat

Hey Enstine,

Although I already knew that you use Thrive Content Builder to get such animation but just wanted to see which styles and examples you have shown here.

BTW, just saw your homepage, it’s completely different and amazing too 😉 Congrats on the new look and design.

Regards,
Karan
Twitter:

Ankur Dey

You blog looks are just awesome Enstine. Really you have a great knowledge. Thanks for sharing it with us.
A warm thanks.

Sourav Saha

That’s really cool Enstine. All of your blog post’s looks are just incredible.
Thanks for sharing the secret. 🙂
Twitter:

Manidipa Bhaumik

Hey Enstine,

That’s a handy guide to give our blog posts some special effects. I actually did see the first image thrice 😛

Also I too had the same query as Jerry, but now clear about how to do it with old posts. Thanks for sharing this TCB tutorial. Take care & have a great day 🙂
Manidipa Bhaumik recently posted…How to Install & Use Yoast WordPress SEO Plugin to Optimize Blog PostsMy Profile
Twitter:

issac paul

Hey enstine.
Awesome post buddy <3 ! Thrive is really amazing one 😉 Its giving tons of designing features coming handy 🙂 Its a multipurpose plugin 😉 I am really glad to see Thrive getting featured here 😉 Nice post buddy by the will be glad if you say what lazy load plugins and cache plugins you use 😉 ! I am waiting for your reply eagerly 😉

Thanks in advance 😉
Warm Regards,
Issac paul

issac paul

Hey enstine.
Awesome post buddy, Good write up 😉 ! Thrive is really awesome it comes with tons of designing features and its not taking much resources as well 😉 ! Its a multipurpose plugin <3 ! I loved it ! I am using it since two weeks 😉 Really glad to see you featuring Thrive plugin in your blog <3 ! Good useful post bro 🙂 ! Keep writing I'll be glad to read your upcoming posts 😉

Warm regards,
Issac Paul

Donna Merrill

Hi Enstine,

I picked this up on your referral and am really happy with it. I’ve only had it a few days, still playing around with it.

I can say, it’s pretty simple/intuitive to use, and it makes a really professional presentation. The animation aspect is fun and very impressive, but there’s lots of other really, really great things you can do with this awesome plugin.

Thanks so much for recommending and demonstrating. I know this will be a great addition to my blog and my online business in general.

-Donna
Donna Merrill recently posted…3 Steps To Selecting A Blogging NicheMy Profile
Twitter:

    Enstine Muki

    Hey Donna,
    Yes I got the $48.50 commission from your order and thank you very much. I remember David shot me a question on Facebook which I responded.
    You know, I mentioned in the beginning that this is one of the best additions to my blog this year and I maintain what I said. You can’t be wrong having it on.

    I know you don’t do a lot of affiliate promotion on your blog but I can personally recommend this one. First, it’s something you are using and second, it’s something that is useful. I’m sure mentioning it to your community will generate some sales and pay back your money 😉

    Thanks once more for trusting me again on this one

    Hope the week is going well with you
    Twitter:

Anwar

This is a fantastic post. Already i saw many blogs with animated and sticky blog posts, but i didn’t know the trick behind that posts. I just saw your post and it cleared all my doubts. Thanks Enstine for sharing the secret.
Twitter:

Animated Ninja

Hi Enstine,

Congratulations for creating such a helpful post for us. It’s pretty simple to implement. Nowadays, digital marketers and bloggers are rushing towards engagement. Engagement is one of the deciding factors for Google search results. When we talk about engagement, animation is really helpful to keep your audience stick to your screen.
Twitter:

dhanunjai

thanks for sharing this,i have known this now only.These days people are preferring these kind of stuff because they are expecting something unique from regular one.
dhanunjai recently posted…Comment on Sultan 1st week collections week 1 box office collection total worldwide by fazal khanMy Profile

Earl Vincent

You are great, Enstine! Your information is really precise. Having a animated visual blog is big help to show your company service to the customer at the same time it attractive especially you are creatively excellent.

Thank you so much!
Earl Vincent recently posted…Why Videos Help Boost Your Website’s Conversion RatesMy Profile

Maqbool Azam

Hi Enstine,

Another great post indeed.Here you told us how to create a visually animated blog post.Here you told us about a plugin that is content thrive builder.
It is a plugin of lot of qualities.It makes your post more attractive and more visually animated.Here you told some its benefits and its uses and its different packages.
Thanks to guide us.
Regard:
Maqbool Azam
Maqbool Azam recently posted…Goodbye 2016 Welcome 2017My Profile

Kathy Littleton

I love creating animated video for marketing but my problem is it takes months to finish one of video because the only reason is I had really fuzzy vision of what kind of theme for video to make look much more attractive when I present. Nevertheless, thank you for creating this article of how to create fine visual animated blog post.

Keep posting, Enstine, you are really great!
Kathy Littleton recently posted…Why Videos Help Boost Your Website’s Conversion RatesMy Profile

Eva Haskell

Creating an animated visual is definitely difficult but fortunately, this article has the significant statistics on how to create on easy way. Excellent tutorial, Enstine!
Eva Haskell recently posted…Why Videos Help Boost Your Website’s Conversion RatesMy Profile

Comments are closed