Google+ Fan badge with WP Subscribers

it’s maybe time to extend your network using the new Google+ Fan Page, you will need to create a fan page from your own Google+ personal account, you have a link to create your badge look at this link

https://developers.google.com/+/plugins/badge/config?pageId=118381120940041338272&hl=en

as you see, there is not yet a friendlyname and you will work with your fan page with a ID : here  : 118381120940041338272

in the following tutorial replace this value in all the code by your own ID
and replace the PageID the code provided by Google looks like this screenshot :

overview of Google+ fan page popup tutorial

In WP Subscribers we will create a custom popup form as you used to do ( but select custom optin popup template )

Click on HTML button of the editor and copy paste the code :

<!– Place this tag in the <head> of your document –>
<script type=”text/javascript”>
window.___gcfg = {lang: ‘en’};
(function()
{var po = document.createElement(“script”);
po.type = “text/javascript”; po.async = true;po.src = “https://apis.google.com/js/plusone.js”;
var s = document.getElementsByTagName(“script”)[0];
s.parentNode.insertBefore(po, s);
})();</script>

<!– Place this tag where you want the badge to render –>
<g:plus href=”https://plus.google.com/118381120940041338272″ rel=”publisher” width=”300″ height=”131″ theme=”light”></g:plus>

and for the look, please add these lines in the CSS section of the popup

{padding:20px}
{width:300px}
{height:150px}
{border-radius: 10px;}

Now the big challenge is to handle the fact the popup won’t be displayed again, and for that you need to subscribe our page to get the next episode.

the sample about how it looks is loaded with this page , you probably saw it, otherwise refresh.

 

 

 

 

 

This is a Post Subscription Form

A complete report of how to build a blog and start making your money online - proven techniques.
ellentesque habitant morbi tristique senectus et netus et malesuada fames.

  • Lorem ipsum dolor sit amet.
  • Pellentesque malesuada placerat.
  • Aliquam iaculis, est at dignissim posuere.
  • Sed consequat rhoncus commodo.


Powered by WPSubscribers
This entry was posted in category 9. Bookmark the permalink.