Home » Resources » Programming » CSS » How to Connect Website Badge / Link to Google+ Business Page

How to Connect Website Badge / Link to Google+ Business Page

No Comments CSS, HTML, Social Media - SMO Print Print

For those of you who skipped configuring your badge for Google+ Pages and can’t find the option anymore, use the following link:

https://developers.google.com/+/plugins/badge/config

Type in your page’s ID and you will be able to create it again.  You can see it live here at esotech.org at the footer and also the breadcrumb on inner pages.

You will have to add a bit of code to your header, and then use the link wherever you like. The link seems highly customizable if you know what you are doing. For example, setting height and width of the icon shouldn’t be a problem.

Here is a code snippet example for Esotech’s Page.

<!-- Place this tag in the <head> of your document-->
<link href="https://plus.google.com/103467698593383507666/" rel="publisher" />

<!-- Place this tag where you want the badge to render-->
<a href="https://plus.google.com/103467698593383507666/?prsrc=3" style="text-decoration: none;">
    <img src="https://ssl.gstatic.com/images/icons/gplus-64.png" width="64" height="64" style="border: 0;">
    </img>
</a>

About the author

geilt has written 35 articles for Esotech Inc.

Archives
May 2012
M T W T F S S
« Apr    
 123456
78910111213
14151617181920
21222324252627
28293031  
Contact Us

888-646-9653

info@esotech.org

Latest Tweets