Southern Listeners

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

Saturday, August 17, 2013

Removing Subscribe Gadget from Blogger's Dynamic View

Before
After
Now that there's a fix for the Ghost Template problem in Dynamic View template, let's focus on to other areas that need some fixings. First, the Subscribe gadget. Why is it always there? How the hell do you remove it? Well, removing it might be a little tricky, but there's an easy way to just hide it altogether from showing up - and it works just as good. Here's how..

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
#gadget-dock div.gadget-item:last-child, #spk{
display: none !important;
}

41 comments:

  1. Thank you very much! This worked for me! I have another issue maybe you can help me with. I am trying to make a gadget dock icon behave as a link to a website. I use much code from your site including the CSS for custom icon images:

    http://www.southernspeakers.net/2012/03/change-gadget-icons-in-blogger-dynamic.html

    Could I insert a command and url somewhere in this CSS to make the actual icon function as a link? Or would there be another way to do it, if at all? Any input would be great!

    ReplyDelete
    Replies
    1. I wish I could do that as well, and believe me, I've given it a fair amount of attempts till date. Unfortunately, CSS is definitely out of the question, as it can only be used for styling - no structural change can be me made via CSS. Our only hope is Javascript. Sadly, I've learnt from my previous attempts that they don't go along well with Dynamic View's native scripts - they just won't co-exist.

      Delete
  2. Thank you. The closest I've gotten is to use hyperlink html in the "title" field of a gadget (through the Layout page in Blogger), so at least you have one less click to follow a link in the gadget dock:

    http://www.independent-investments.com/

    ReplyDelete
  3. Southern Speakers is a great blog, Yoga. Very helpful. I have two other issues I am trying to solve for the dynamic template and you may have the answer. The first is when I use Add CSS to remove the header bar with

    .header div.header-drawer{display: none;}

    there remains a thin line running horizontally where the top of the header bar used to be (magnification reveals a 4px shading just below the header area).

    Secondly and less importantly is a practical way to remove the "quickedit" pencil that displays after a post title when I am logged in. I know visitors can't see it, but it throws off (slightly) the centering of the post title when I am logged in, which is distracting to my eye. The space occupied by the pencil icon is included in the area that is centered, thus throwing off the centering of the actual text. I have come across ways to remove it from other templates, but nothing that has worked on my Dynamic template.

    Any input would be great!

    my site: http://www.independent-investments.com/

    ReplyDelete
    Replies
    1. Hi Roy,

      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 the link once it's published.

      Delete
    2. Thanks. I solved my first question with:

      #header .header-bar{
      height: 0px;
      }

      Here is the link to question 2:

      https://productforums.google.com/forum/#!category-topic/blogger/how-do-i/1AKfq2geH-U

      Cheers

      Delete
    3. Hi Roy,

      Somehow your comment had gotten to my spam folder, and I just had the chance to check it. Do you still need help with this issue?

      Delete
  4. Thx for all your css codes, very helpful.

    Could you please help me with a code to center the post title in my posts?

    ( i use dynamic views flipcards )

    ReplyDelete
    Replies
    1. Hi J,

      It seems like your Post Titles are already centered. Could you send me a screenshot of what you're seeing?

      Delete
  5. Hello Yoga,

    This is how i see my post titles.

    http://oi40.tinypic.com/sy47tk.jpg

    At first i thought it was because i hide my admin tools, but when i log out it stays the same.

    ReplyDelete
    Replies
    1. Hi J,

      See if this fixes it. Add it to your 'Add CSS' box:

      .article .article-header .title{
      padding-right: 0px !important;
      }

      Cheers.

      Delete
  6. That works perfectly, thx Yoga!

    Btw to remove the grey border on pages i used a code of yours for background and instead of background i added border.

    #items li, .article, .overview-wrap, .overview-inner, #content, .item.hentry.selected, .item.hentry.open, .item.ybyss, #feature, .overview-inner, .column .item, .viewitem-content {
    border: 0px !important;
    }

    It works but i was wondering if its ok to use it like that?



    ReplyDelete
  7. Hi. yoga I'm looking for a problem, thanks for the explanation and the solution

    ReplyDelete
  8. Hi Yoga,

    Quick query, am trying to add a new code to protect my contents and snaps in my blog with the following code mentioned in the link:
    http://nulledtrader.blogspot.com/2013/03/how-to-disable-right-click-in-website.html

    Unfortunately whenever am trying to

    ReplyDelete
  9. Thanks Yoga. Great help. I`ll definatily donate for so many helps :) Great

    ReplyDelete
  10. TY, TY, TY!!! I searched for hours to do this before I found your post, you rock!!

    ReplyDelete
  11. My subscibe gadget is not seen actually even I want it to. Any fix for that, how can I force subscribe gadget to be seen ?

    ReplyDelete
    Replies
    1. Hi Shalin,

      Can I have a look at your blog?

      Delete
  12. Yoga, I am a big fan and I must say you are awesome!! You had all the answers I needed with the Dynamic View Template. I am having a very annoying problem with my blog though. I searched for help in every possible way I could imagine but either nobody else is having this issue or I an missing something very obvious to everyone. Now my problem is with the gadget dock itself. In your post, you explain how to remove the RSS button (the last button). In my case, that is the only button I have. Seriously, no matter what I do, I cannot make any other button to show. Let me tell you what I did to save both of us some time.
    1 - Removed all sidebar gadgets from the layout. No change!
    2 - Just added Google+1 gadget. I read that some gadget may not be compatible with the dynamic view. Well, nothing changed.
    3 - I reset my template and all widgets using the Edit HTML menu options. No change!
    4 - I switched to one of the classic templates and then switched back to dynamic view templates hoping that it could fix if something is broken. No change.

    Then the whole gadget dock disappeared. I don't know what happened there but by using some of the code you mentioned here. I was able to get that one-button-gadget dock again. Could you please check my blog to see my problem?

    http://gulummutfak.blogspot.com/

    I contacted google blogger forum, but no luck there either. A guy tried to help but insisted on the timeout script issue. I have already changed that to 1000 seconds. Even tried 10,000 sec and no change. I hope you have a reasonable answer to this mysterious behavior of the gadget dock. Thanks in advance.

    ReplyDelete
    Replies
    1. That is strange. Since your background and pages links are loading fine, I don't think this is related to the timeout issue. Can I have the link to your forum question? Let's bring the discussion there. It'll be easier for me to troubleshoot and escalate.

      Delete
    2. Here is the link. Thanks.
      https://productforums.google.com/forum/#!msg/blogger/2sF_mLoNSIo/q7xN7a2PZJUJ

      Delete
    3. Right.. Could you describe to me what are the other gadgets that you have in your layout page? A screenshot of your Layout page could help.

      Delete
  13. I can't put my screenshot here, but I posted it in the product support link above.

    ReplyDelete
    Replies
    1. Hello Sezgin,

      I see you have a page redirection setup. Could you try removing that for awhile. One of my other readers faced a similar issue, and her gadgets are visible again when she removed the page redirection settings. Let me know how it goes.

      Delete
    2. Woww, thanks Yoga! You are really amazing! It worked like a charm. I can see the gadget bar with all the widgets. But when I create the page redirection setup, it disappears. Now the only problem is how to make it work with the page redirect, I guess. Is that possible at all? I just want the user land on the categories pages and that was the only way I was able to find online.

      Delete
    3. I don't think the problem is with the redirection. Rather, I think the link used causes the problem, somehow it removes the gadget. Blogger has been notified of the bug. Let's hope someone fixes it.

      Delete
  14. Hi there, I have a question about some of the other widgets. I am also using the dynamic views template, and I have added about 8 gadgets to my blog, but it only ever shows about 5. Is there a way to fix this?

    ReplyDelete
    Replies
    1. Hi there,

      What are the three gadgets that are not showing? Are they HTML/Javascript gadget by any chance? Mind if I have a look at your blog?

      Delete
  15. Hi there, I have made several changes in my blog, using code from here, couple of months ago. Everything was ok but now I am having problems... Among the changes I have made there was: removing subscribe-gadget, fixing the gadget dock, include the number of visitors and also the followers.

    Now 2 things desapear for the gadget dock: the number o visitors and the followers... Just to test it, I put the code that you present in this post as a commentary (like removing it) and the number of visitors suddlenly reappear. Then I tried to "remove" other parts of CSS code concerning the gadget dock just to see what would happen and I manage to make appear the followers.

    At the end, I just kept the code from this post "removed" and the gadget dock was like I wanted: Highights, Blog Archive; Followers; Visualisations. But then I've tried to refresh and ups! the followers desappear again.... Another refresh and there it cames back...

    So what is happenning? Can you tell? How can I fix it?

    Thanks!

    My blog: http://memoriasdeumzepresente.blogspot.pt/
    Browser: Chrome

    ReplyDelete
    Replies
    1. That is odd.. Anyways, could you get the following done and get back to me?

      1) Remove the following lines off of your Add CSS box:

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

      2) Get a screenshot of your latest Layout page (particularly the Gadgets part) - upload it somewhere - post the link here to the comment section.

      Delete
  16. Hello,
    Wonder if you had any ideas as to why the Subscribe button would not show in the gadget sidebar? I can see the code it in the HTML, but I cannot seem to get it to show up.

    ReplyDelete
  17. Sorry forgot to send a link: http://kctestsubscribe.blogspot.com/?view=sidebar

    ReplyDelete
    Replies
    1. Hi Karen,

      The subscribe gadget is no longer a default gadget in the dock - it needs to be manually added. Go to your 'Add a Gadget' page and look for 'Subscription Links' gadget.

      Delete
  18. Hi! Thank you for a great blog!

    I would like to SHOW the writing in the gadget bar all the time. Is this possible?
    And one more question: can you centre the writing in the menu bar?

    Thanks again - Silja
    http://mis-mas-blog.blogspot.com.es/

    ReplyDelete
  19. Hi Yoga!

    Thank you for a great blog :)
    I would like the text in the gadget bar to be visible at all times. Is this possible?
    Also I was wondering if you are able to centre the menus in the menu bar?
    At last I would like to add the search bar in as a gadget instead of in the top..

    Thanks again! Silja
    http://mis-mas-blog.blogspot.com.es/

    ReplyDelete
    Replies
    1. Hi SIlja,

      I don't see a way to bring the search bar to the gadget dock. As far keeping the text visible all the time, this is as far as I've gotten, not sure if you'd like it though:

      .gadget-container, .gadget-item:hover .gadget-container, .gadget-selected .gadget-container {
      opacity: 1;
      right: 49px;
      visibility: visible;
      display: block !important;;
      z-index: 99 !important;
      }

      Delete

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