Southern Listeners

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

Saturday, December 3, 2011

Remove Loading Gear from Blogger Dynamic View

Spoken by at 7:53 AM
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;
}


Labels: ,

48 comments:

  1. GyanDecember 3, 2011 at 10:58 PM

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

    ReplyDelete
  2. YoboyDecember 3, 2011 at 11:07 PM

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

    ReplyDelete
  3. MALIKDecember 4, 2011 at 1:13 PM

    how to add loading gear on the blog

    ReplyDelete
  4. John BDecember 4, 2011 at 4:22 PM

    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. YoboyDecember 5, 2011 at 11:27 PM

    @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. Shep ShepherdDecember 6, 2011 at 12:44 AM

    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. YoboyDecember 6, 2011 at 1:00 AM

    @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. ozlDecember 7, 2011 at 5:25 AM

    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. YoboyDecember 8, 2011 at 6:44 AM

    @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. AnonymousDecember 8, 2011 at 6:57 AM

    GREAT GREAT JOB !!!
    YO BOY CONGRATS!!!

    ReplyDelete
  11. YoboyDecember 8, 2011 at 7:45 AM

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

    ReplyDelete
  12. Luis Miguel Sousa "Mike"December 20, 2011 at 9:13 AM

    You are awesome!
    thanks!

    ReplyDelete
  13. YoboyDecember 21, 2011 at 4:32 AM

    @Luis: Thanks mate :) Cheers!

    ReplyDelete
  14. UnknownJanuary 16, 2012 at 2:54 AM

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

    ReplyDelete
    Replies
    1. YoboyJanuary 16, 2012 at 3:14 AM

      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. UnknownJanuary 17, 2012 at 1:56 AM

      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. YoboyJanuary 17, 2012 at 6:45 PM

      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
    4. FscoMiscNovember 25, 2012 at 12:54 AM

      successful ... thanks!;)

      Delete
  15. AnonymousMarch 7, 2012 at 11:41 AM

    Cool, Cool.

    ReplyDelete
  16. Velika PisarovaMarch 8, 2012 at 5:14 PM

    Works!
    tnx!

    ReplyDelete
  17. Justin CredibleMarch 12, 2012 at 2:33 PM

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

    ReplyDelete
  18. UnknownMarch 12, 2012 at 2:37 PM

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

    ReplyDelete
  19. AshneetMarch 16, 2012 at 7:29 PM

    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. YoboyMarch 17, 2012 at 10:01 AM

      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
  20. Mr. SmallApril 13, 2012 at 7:13 PM

    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. YoboyApril 13, 2012 at 7:36 PM

      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
  21. UnknownJuly 10, 2012 at 4:17 AM

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

    Thanks

    ReplyDelete
  22. UnknownJuly 11, 2012 at 12:14 AM

    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. YoboyJuly 17, 2012 at 7:21 PM

      Hi Max,

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

      Delete
  23. UnknownOctober 1, 2012 at 3:43 PM

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

    ReplyDelete
    Replies
    1. YoboyOctober 3, 2012 at 4:55 PM

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

      Delete
  24. AnonymousJanuary 1, 2013 at 9:52 PM

    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
  25. Free Speech IndiaApril 29, 2013 at 7:30 PM

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

    ReplyDelete
    Replies
    1. YoboyApril 30, 2013 at 3:14 AM

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

      Delete
  26. AnonymousSeptember 12, 2013 at 4:30 PM

    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
  27. Deepak SinghaDecember 14, 2013 at 4:42 PM

    Your tricks works flawlessly.

    ReplyDelete
  28. Deepak SinghaDecember 14, 2013 at 4:49 PM

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

    ReplyDelete
  29. UnknownDecember 29, 2013 at 11:20 AM

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

    ReplyDelete
  30. Vishal JaiswalFebruary 3, 2014 at 10:30 PM

    very very thanks for this css.........

    ReplyDelete
  31. TshooterFebruary 28, 2014 at 6:27 PM

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

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

    ReplyDelete
    Replies
    1. YoboyMarch 4, 2014 at 2:54 PM

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

      Delete
  32. UnknownNovember 25, 2015 at 2:31 AM

    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.

Subscribe to: Post Comments (Atom)