How to add Google Plus ‘Follow’ or ‘+1’ or ‘Add to Circles’ button in wordpress

how-to-add-Google-plus-Page-Badges

Do you have Google+ Badge for your website? If not then add it now. Google+ Badge is a wonderful way to increase your Website traffic and engaged your readers. Like Facebook Like Box you can add Google+ Badge in your WordPress. Google Plus Badge also display Followers faces Like Facebook Like Box. By showing ‘Circle me’ button or Google ‘+1’ button or ‘Follow’ button in your website you can grow your connections, boost your search engine ranking and increase your bussiness page followers.

There are three options available for Google+ Badge. One is Profile Badge other is Google+ Page Badge and another is Community Badge.

In this article I’m going to tell you how to add Google+ Page Badge (‘Follow’ button or Google ‘+1’ button) in wordpress.

Just follow the instructions:

1) Go to Google developers page
Click this link https://developers.google.com/+/web/badge/

2) Enter your Page URL.
If you wants to show ‘circle me button’ then Enter your Profile URL and Same way for Community Badge

3) Customize your Google+ Badge
You can change Layout, Width, Color etc. At the right side you will see your customized Google+ Badge.

4) Copy The code
You will notice your code in right side just below the Google+ badge box. This code is in two parts. One has to be placed as a widget where you want to show your Badge and another one has to be placed in Header Section. You can use header-footer Plugin for this. Download and Install header-footer Plugin.


#) Copy 1st part code and Select Appearance>Widgets from your WordPress dashboard

#) Select text Widget

#) Place your text widget in sidebar or where you want to show your Badge.
Then Paste the code and Save it.


#) Copy 2nd part code and Go to Settings>Header and Footer section from your WordPress dashboard, then Paste the code in the middle box which says “Code to be added on Head section of every page”

5) Save it 🙂 you are done!

If you Find this article helpful then consider sharing it with your friends.

How to add Twitter Follow Button to your WordPress site or blog easily

Twitter Follow Button

 Twitter Follow ButtonTwitter is one of the most largest social networking site. Everyday millions of user using it. You can build a better community for your website using Twitter. Twitter Follow Button helps your reader to Follow you in Twitter easily.

In this article I’m going to show you how to add Twitter Follow Button in WordPress.

Simply copy and paste one of the following codes into a post, page, or text widget.
NOTE: Replace the “eolikes” with your own Twitter username.

Display a Medium Follow button with Follower count

<a href="https://twitter.com/Eolikes" class="twitter-follow-button" data-show-count="true" data-size="medium">Follow @Eolikes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Display a Medium Follow button without Follower count

<a href="https://twitter.com/Eolikes" class="twitter-follow-button" data-show-count="false" data-size="medium">Follow @Eolikes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Display a Large Follow Button with Follower count

<a href="https://twitter.com/Eolikes" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @Eolikes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Display a Large Follow Button without Follower count

<a href="https://twitter.com/Eolikes" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Eolikes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

How to use:

1) If you want to show Follow button into a post or page just copy and paste the code where you want to display. As like this

NOTE: Must select Text mode, Not Visual mode before pasting


2) If you want to show “Follow” button at your sidebar or footer then follow the given instruction:

#) Copy the code.
#) Select Appearance>Widgets>Text from your WordPress Dashboard.


#) Place your Text widgets at Sidebar or footer (I’m placing at sidebar).
#) Paste the code and save it.


You are done!

Hope you will enjoy it 🙂 Thanks