Quantcast
Channel: WPSubscriber - Demo Blog
Viewing all articles
Browse latest Browse all 10

Google+ Fan badge with WP Subscribers

$
0
0

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.

 

 

 

 

 


Viewing all articles
Browse latest Browse all 10

Latest Images

Trending Articles





Latest Images