Southern Listeners

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

Saturday, December 3, 2011

Remove Loading Gear from Blogger Dynamic View

Few readers have asked me if there is a way to remove the loading gear from Dynamic View. I couldn't capture the gear's code back then as it was too quick (and still is), but I've managed to find a way to analyze it. So here's how you can get rid of it.

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.ss,.blogger-gear{
display: none;
}


49 comments:

  1. I applied this code.working perfectly.my blog is--------gyan208.blogspot.com

    ReplyDelete
  2. @Gyan: Thanks for the feedback Gyan. God bless :)

    ReplyDelete
  3. how to add loading gear on the blog

    ReplyDelete
  4. YoboY, you're amazing, I can now finish off my blog the way I wanted... I will show you the results later- thanks so much!!

    ReplyDelete
  5. @Malik: It is there by default in DV templates. There isn't a need for a loading gear in XML templates as things tend to load sequentially, unlike DV.

    @John B: Glad to hear that :) Happy blogging..

    ReplyDelete
  6. Is there a way to add a different loading image or maybe some text in its place? Maybe just something that says "Loading..."

    ReplyDelete
  7. @Shepherd: Shouldnt be a problem, as long as your image is not bigger than the original loading gear. And yes, you need to have your text in image form to make this work. This is how you do it. Instead of the code above, use the one below:

    .ss,.blogger-gear{
    background: url('http://1.bp.blogspot.com/-m_BBVAAZ4sM/TYS783cwPmI/AAAAAAAACyE/B1xYSWtkMDc/s100/P1010369_edit.JPG') no-repeat !important;
    }

    Change the address above to that of your new image. Cheers.

    ReplyDelete
  8. Love it! thanks a lot xD

    I have a question that is not related to this xD
    Is there a way to display ads on the dynamic views posts? or something like adbrite or adsense?

    Good day!

    ReplyDelete
  9. @ozl: If the ad unit's code that you have is in HTML form, you can always try pasting it in your post's HTML. While composing your post, switch to HTML mode and paste it there.

    If you have an AdSense account, you don't have to go through the trouble. Just go to your 'Earning' tabs to link your AdSense account and start posting ads..

    Cheers..

    ReplyDelete
  10. GREAT GREAT JOB !!!
    YO BOY CONGRATS!!!

    ReplyDelete
  11. @RetroBikes: Glad you like it mate.. Cheers :)

    ReplyDelete
  12. whether it can change the Loading Gear with another images or gif ? thanks anyway :)

    ReplyDelete
    Replies
    1. Yes you can. Add this to your CSS:

      .blogger-gear {
      background-image: url('http://i890.photobucket.com/albums/ac106/0roburos/Transformers/transition.gif') !important;
      height: 90px !important;
      width: 125px !important;
      }

      You need to specify its height and width correctly. 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.

      Delete
    2. ahh thanks it works , you're so amazin :) !!! I have another question , whether it can change the Loading Gear with the "welcome page" like this page -> wahyuputra.web.id <-

      Delete
    3. I can't open the link that you gave me. But I think I know what you mean. You can place a large welcome note as an image. But it's only gonna stay for a short while. Kinda defeat the purpose doesnt it.

      Delete
  13. THANK YOU!! With all your tips on Dynamic Views I've been able to achieve most of what I desired. You rock!

    ReplyDelete
  14. This s so Cool i'm Gona to try this on my Blog now :)

    ReplyDelete
  15. Thanks a LOT!!!!
    was searching for this all along! :D

    i had one more question....is it possible to open the pages in the same tab?

    here's my blog's link http://www.icravefortech.com/

    ReplyDelete
    Replies
    1. Hi Ashneet,

      Unfortunately, we can't change that behaviour of Dynamic Views at the moment. Links from the header-bar will open in separate tabs, and it requires HTML mod to change this settings - something we don't have access to atm.

      Delete
  16. Thanks for all the tips, those really help me. BTW, if you find/found out way to create drop down menu bar in dynamic view, please share it, that'll be great.

    ReplyDelete
    Replies
    1. There are known ways to make the views to go on a drop down menu, and same goes for the pages links as well. I suppose you could populate your pages link with external links, and force it to go on a dropdown menu. Check out this link:

      http://www.southernspeakers.net/2011/11/drop-down-pages-gadget-menu-in-blogger.html

      Delete
  17. none of these codes work for me. :( I don't want to see the loading gears... help?

    Thanks

    ReplyDelete
  18. Heya, i'm wondering about the ADs, I enable them, but I select any option and it always shows 2 AD blocks, at the side and after message, that in the sidebar style.

    It isn't working, how can I take off the after message add manually?

    ReplyDelete
    Replies
    1. Hi Max,

      Sorry for my ridiculously late reply. Perhaps we can hide them manually. What's your blog's address?

      Delete
  19. How can I put a sidebar ribbon on my blog. Like on googleblog.blogspot.com.

    ReplyDelete
    Replies
    1. It is a custom template created for Google blog, exclusively. Not available for normal users like us.

      Delete
  20. Your tricks works flawlessly.
    I have changed my blog's loading gear image as mentioned by you in one of your comments.

    Check it out - http://www.techscratched.com/

    Thanks Yoga!!

    ReplyDelete
  21. Nice article, but is there a way to replace the gear with any other picture? Please help.

    ReplyDelete
    Replies
    1. See my reply here:
      http://www.southernspeakers.net/2011/12/remove-loading-gear-from-blogger.html?showComment=1326653673980#c2477321873042804292

      Delete
  22. Thank you mate :) Your blog helped me a lot in setting up Dynamic Template. Actually i've been using from 1 year! and after all i've learnt everything here is mine blog http://hackw0rm.blogspot.com but this is first time i'm setting up Dynamic template, so its little complicated but awesome :)

    ReplyDelete
  23. All the best.............
    East or west , blogger is the best.....................

    ReplyDelete
  24. Just here to say thnks man! All my questions about blogger I solved in here! Thnks!

    ReplyDelete
  25. very very thanks for this css.........

    ReplyDelete
  26. It worked before. Now the issue re-appeared. Any idea?

    This is my blog : http://www.networktshooter.info

    ReplyDelete
    Replies
    1. I'm not seeing the loading gear. Temporary glitch perhaps?

      Delete
  27. Thnx My Blog:
    www.sciencewithfareed.blogspot.com

    ReplyDelete

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