Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Tuesday, May 14, 2013

Replace Loading Gear in Blogger's Dynamic View

Before
After
If you have a fast Internet connection, you probably wouldn't have noticed a small loading gear that appears before a Dynamic View blog is opened. In any case, in one of my posts written to explain how this loading gear can be removed, a reader asked if it is possible to replace this icon with an icon of your own. You bet it is! I've already answered this question in the comment itself (ages ago). But what kind of person would I be if I expect readers to look for answers within the comment sections? So here it is..

Go to Dashboard - Template - Customize - Template Designer - Advanced - Add CSS - paste the following code (and customize the code as needed) - Press enter after the last character of the last line } - Apply to Blog.
.blogger-gear, .overview-sspe {
background-image: url('http://i890.photobucket.com/albums/ac106/0roburos/Transformers/transition.gif') !important;
height: 90px !important;
width: 125px !important;
}
i) Replace the URL in Line 2 to that of your own icon/image/GIF. Obviously, you need to have your image uploaded to the Internet first, and have its direct link in hand.
ii) Also, you need to change the height and width in lines 3 and 4. according to your new image.
iii) Don't forget to save your changes in the Template Designer, by hitting the 'Apply to Blog' button, that is.

And remember, if your GIF is too large in size, your page will load first before your GIF, and your GIF will never see the light of day.

38 comments:

  1. 1-How is ur url blogspot free?
    2- Is third party themes good for blog?
    3- why my adsense rq get rejected always?
    4-how can we get ads other than pay per click?
    5- why does dynamic view gets more pageviews?

    ReplyDelete
    Replies
    1. Can we bring these discussions to the forum? It'll be easier for me to help your there. Go to Blogger Help Forum and create a discussion there, and let me know its link once it's published.

      Delete
  2. Thank you for everything. Your blog is of great help to many bloggers!

    ReplyDelete
  3. Smart again & there are some members who do read and search for older posts too ;)
    Thanks much!

    ReplyDelete
  4. thanks i am new in blog and want to improve it. your blog is very helpful.

    But am facing some problem such as how add multiple post in new page. Plz help

    ReplyDelete
    Replies
    1. Technically, you can't publish a post in a page. But you can make use of labels to achieve similar effect:
      http://www.southernspeakers.net/2010/10/customised-menu-bar-with-link-list.html

      Delete
  5. please help. how to remove zoom and rotate efect on picture (dynamic view)

    ReplyDelete
    Replies
    1. This is a little tricky, I'm not sure if it can be pulled off. Anyways, which one of your image is zooming/rotating?

      Delete
  6. Thanks for your great tips! They have been very useful. Have you by any chance found a solution to this bug: blogger dynamic views CSS fail to load? It is quite old and very annoying to many of those who use dynamic views.

    ReplyDelete
    Replies
    1. I've been bringing this up since the day DV was first introduced, and they don't think this is something that needs fixing. According to Blogger, DV templates are not meant to be customised, and the templates are breaking as a result of over-customisation. This is just a theory of course, coz I've seen uncostumised template breaking as well (I can tell because the Pages links and the gadgets did not appear). I'm afraid there isn't much we can do at the moment. I'll try to raise this up in the next Google summit.

      Delete
  7. http://labellavitadesignandinpiration.blogspot.comJune 19, 2013 at 1:01 AM

    Thanks for all your help... i appreciate it! When I comment as you suggested, my "about me" picture doesn't appear with my comment.
    Mary

    ReplyDelete
    Replies
    1. Your about me profile picture is just like a picture in your post - it is not tied to your account. To set a profile picture, go to your Google Profile page:
      https://profiles.google.com

      Delete
  8. how to change the gray color background??

    ReplyDelete
    Replies
    1. Try this:

      body{
      background: black !important;
      }

      Cheers..

      Delete
  9. Replies
    1. It should already be on the center by default. Is this not the case for you?

      Delete
    2. Hello! For me is'nt center either, how do I do? thanks for have this amazing blog!

      http://humanprodukt.blogspot.com

      Delete
    3. Try this:

      .blogger-gear, .overview-sspe {
      background-image: url('http://3.bp.blogspot.com/-WVfxLxiSb5g/U8-ZnuvhcSI/AAAAAAAAAKU/fQVMaxzxPTU/s1600/logogif.gif') !important;
      height: 153px !important;
      width: 309px !important;
      position: relative;
      left: -100px !important;
      }

      Adjust the value for left accordingly.

      Delete
  10. How to add globe gadjet to dynamic view template... help me.... your blog is so helpful...

    ReplyDelete
    Replies
    1. I think you're referring to a HTML/Javascript gadget. Unfortunately, the HTML/Javascript gadget is not supported in Dynamic View templates.

      Delete
  11. thanks a lot!! i love this site, best blogger dynamic view tutorials on the net, Greetings from spain!

    ReplyDelete
  12. I am trying to add an RSS subscription link to DV but It's not coming up. And thanks for all your help, you guys are the best. Here's my blog www.ahyoualearner.blogspot.com

    ReplyDelete
    Replies
    1. Hi there,

      You have the following code in your 'Add CSS' box. Get rid of it and you should be able to see your gadget again:

      #gadget-dock div.gadget-item:last-child, #spk{
      display: none !important;
      }

      Delete
  13. Hi! I have found your blog a few days back whle trying to get codes to improve my flipcard view dynamic template. After many trial and errors, I succeeded in replacing the loading gear! Thanks a lot for your help :)

    ReplyDelete
  14. you are awesome dude.. thanks its working :) thumbs up

    ReplyDelete
  15. Thank you, it works, like everything you teach.
    Hug

    ReplyDelete
  16. hai, i hv try replace loading gear bloggers. it work fine on web view but it doesn't work at mobile view.how to fix it.

    mazlan[at]qalish.com

    ReplyDelete
    Replies
    1. I'm afraid there isn't any way to apply css for DV in mobile templates.. It just wont take any effect unfortunately.

      Delete
  17. Is this tweak still working? I had it working on my blog last year, but now it is back to the blogger gear. Please Help :) http://shineonandon.blogspot.com/

    ReplyDelete
    Replies
    1. It still does. I see your blog has two red bubbles going in circles, not the infamous Blogger gear.

      Delete
  18. Can you help me change the colour of the loading screen WITHOUT changing the background of my blog? In an earlier comment someone asked about changing the colour and when I tried it, it changed my blog background black as well :(

    I would really appreciate any help with ir... well and truly stuck!

    ReplyDelete
    Replies
    1. I'm afraid that is tricky. The loading background is the same as the blog's background. Changing the former will change the latter :(

      Delete
  19. Hi Thank you for all your help, I started a blog a while ago and just changed to the dynamic view, and wouldn't have been able to fix the bugs without your tips, . . . Thanx. your welcome to check it out at http://vickysexpedient.blogspot.com

    ReplyDelete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.