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:  https://developers.google.com/+/web/badge/
  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:

https://plus.google.com/u/0/GOOGLE-PLUS-URL/ (custom)
https://plus.google.com/000000000000000000000 (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=”https://apis.google.com/js/plusone.js”></script>
<g:person href=”https://plus.google.com/u/0/GOOGLE-PLUS-URL/” data-rel=”author”></g:person>

Google Plus code for landscape badge:

<div class=”g-person” data-href=”//plus.google.com/000000000000000000000″ 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.