Need help with adding google+ badge to my website

Discussion in 'HTML & Website Design' started by Sabrina_Gage, Jul 23, 2013.

  1. #1
    Hi all,

    I want to add google+ badge (https://developers.google.com/+/web/badge/) to the right side bar of our homepage http://www.comm100.com/ (replacing the Facebook badget). I prefer the Landscape type, but the width exceeds our page limit. Did you have such experience to make it fit our site perfectly?
     
    Sabrina_Gage, Jul 23, 2013 IP
  2. s.molinari

    s.molinari Member

    Messages:
    82
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    45
    #2
    You'll probably need to go with just the icon version of the badge. 273px is the smallest width Google offers for the full badge and you need something to fit within 160px.

    Scott
     
    s.molinari, Jul 23, 2013 IP
  3. Sabrina_Gage

    Sabrina_Gage Member

    Messages:
    196
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #3
    Hi s.molinari, thanks for your reply. I know the icon size of the badge, it is just a little too big. And I have seen some different versions on other sites. I want to customize the badge, but I don't know how to. I have studied the API of the budget, still not work well. Confused.:(
     
    Sabrina_Gage, Jul 26, 2013 IP
  4. s.molinari

    s.molinari Member

    Messages:
    82
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    45
    #4
    But the icon version is much smaller than the badge version. It should fit your needs. Otherwise, you are out of luck, because Google's version of their badge doesn't allow more customization than what they offer.

    http://www.vlogg.com/4904/customize-google-badge-widget-with-width-height-and-color-themes-size-is-deprecated/

    Scott
     
    s.molinari, Jul 26, 2013 IP
  5. tvre1ease

    tvre1ease Greenhorn

    Messages:
    70
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    10
    #5
    Follow directions given here
    https://developers.google.com/+/web/badge/
     
    tvre1ease, Jul 26, 2013 IP
  6. s.molinari

    s.molinari Member

    Messages:
    82
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    45
    #6
    @tvre1ease - That is exactly the same link she has in her first post.

    Sabrina, you could try using the follow button. It renders smaller and could fit your needs.

    https://developers.google.com/+/web/follow/

    Scott
     
    s.molinari, Jul 26, 2013 IP