Southern Listeners

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

Thursday, October 20, 2011

Remove 'Recommend this on Google' from Blogger Post Footer


I've just realised something new in my template's post footer box, something that wasn't there before --> "Recommend this on Google" text next to my Google +1 button. I don't like it as the text makes my share buttons look out of alignment. So, I've decided to hide it. And here's how.

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.
.goog-inline-block.dummy-container div, .goog-inline-block.dummy-container div iframe ssyby, .goog-inline-block.dummy-container div iframe{
width: 32px !important;
}

39 comments:

  1. Great!

    Just what I was looking for. Thanks.

    ReplyDelete
  2. @Dudikowski: No problem at all :)

    @iggy: you're most welcome :)

    ReplyDelete
  3. Is there a way to remove Google +1 from the "Dynamic Views" post section? It is right next to the arrows for changing slide direction (upper left of post).
    How would I remove it completely.

    A Great service you are doing YoboY!!! Your knowledge is tremendous. Many thanks!

    This is off topic, but I have to ask. Is there a list of the CSS used in the dynamics view available somewhere? How do you get this?

    ReplyDelete
  4. @World Evidence: There isn't a list of command anywhere. I use developers tools like Firebug to analyse the content of a page, and address those contents with the little bit of knowledge that I have, nothing special really..

    To hide your share buttons, see this post:

    Hide Share Buttons in Blogger Dynamic Views

    ReplyDelete
  5. Thank you very much. It worked like a charm. Thanks for your input also. It is much appreciated.

    ReplyDelete
  6. @World Evidence: No problem at all :)

    ReplyDelete
  7. Great! I have OCD towards many things and what was happening to me was that the +1 wasn't showing because it didn't all fit on the same line but for some reason it didn't move to the next line! It was bothering me so much thanks for this, finally I can rest assured! lol

    ReplyDelete
  8. @Surge: I used to wash my hands all the time, and it just wore off. I hope you're on medications for your OCD. Glad I could be of help :) Merry Christmas and Happy new year!

    ReplyDelete
  9. Before I changed dynamic view I use to have a footer I got from Linked within that would suggest other posts people could read at the end my post. I was just curious if there was anyway to get something like that again while still using dynamic view.

    ReplyDelete
    Replies
    1. That would require HTML modifications. While it is possible to edit Dynamic View's HTML, it is almost useless as these changes will not be reflected when a Dynamic View page is rendered. In a nutshell, nope, there isnt a way to bring such gadget to Dynamic Views at the moment.

      Delete
  10. Thanks so much for this! much neater without 'recommend this.' I am wondering - how do you get your post footer elements centered?

    ReplyDelete
    Replies
    1. Hi Meta,

      It depends on the kind of template that you have, and other settings that you might have applied. Can I have a look at your blog?

      Delete
  11. How can I add this to the Template code itself? (anytime I make a tweak to colors, it has to be added again to the "Add CSS".

    Thanks for any info.

    ReplyDelete
    Replies
    1. Hi Dave,

      I'm not quite sure if I understand you right, but if you're referring to the fact that your 'Add CSS' box already contains some other code, then simply add newer CSS code towards the bottom of your other codes.. You can keep stacking your CSS codes..

      Let me know if this isn't the answer you were looking for.. Cheers and God bless :)

      Delete
  12. won't work, I tried to put the code everywhere in my html editor of blogger

    ReplyDelete
    Replies
    1. Hi keroroslayer,

      Instead of using the HTML editor, use the template designer to insert the code (as per instructed above).

      Cheers.

      Delete
  13. Wow. Thank you so much. It worked great!

    ReplyDelete
  14. Great piece Yoga.. Could you please also tell how to add these share buttons (twitter, facebook, google+ links) to my posts on an old blog (on Blogspot). I tried changing the templates but blogger still doesnt show these buttons on old blogs. Also I couldnt find a solution on the net.
    Thanks in advance.
    Shashi

    ReplyDelete
    Replies
    1. Hi Shashi,

      The share buttons in Blogger has been broken for awhile. Google is aware of the problem but have not fixed it. In the meantime, you can switch to a third party sharebuttons provider, eg: http://www.addtoany.com/ .

      Delete
  15. Thank You! Ive been messing with my post footers for hours now, this fixed it right away!

    ReplyDelete
  16. It is great. That is exactly what I was looking for!!! Thanks a lot! :)

    ReplyDelete
  17. This worked! But, how can I remove all the other little buttons that were with "recommended on google" and the Subscribe to:... at the bottom?

    ReplyDelete
    Replies
    1. Hello Viva. See if this is what you're looking for.

      .post-share-buttons, .feed-links{
      display: none;
      }

      Delete

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