Google Plus Badge html – Find it Here ♪♪♪

By | 13 November, 2013

If your looking for instructions on how to add the Google Plus badge on to your site…Here you go 🙂  The video goes a bit more indepth then the instructions provided below.

Adding Google Plus Badge – Video Summary / Highlights


Types of Badges for:

  • Profile
  • Page
  • Community

Why would you want one?

How to get one:

  1. Login to your Google Plus account
  2. Goto:
  3. Use the badge creator at top
  4. Grab the code created
  5. Paste code into a widget in your wordpress theme

Your google plus url will look like one of these: (custom) (standard)

Google Plus Badge html

If you don’t want to go through the google+ badge set up process (or watch the video).  Here is the Google+ badge html code.  Remember to fill in your G+ URL

Google Plus code for portrait badge:

<script type=”text/javascript” src=””></script>
<g:person href=”” data-rel=”author”></g:person>

Google Plus code for landscape badge:

<div class=”g-person” data-href=”//″ data-layout=”landscape” data-rel=”author”></div>

Google+ Badge html setting

Leave a comment and if you have found this useful, I would really appreciate it if you share this post.