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.

 

 

 

 

 

Posted in category 9 | Comments Off

WordPress Subscriber plugin with Feedburner

Yes, you can use FeedBurner to send automatically an email to people who want to follow you. and there are plenty of cool options if you know how to use them, here is a quick tutorial and demo for it.

First you need to configure Feedburner ( now a part of Google.com ), it’s cool as it is a free service

Login to Feedburner , you will see the list of your feeds

Click on the feed you want to promote

in this sample : Brainfight

Go to the tab : Publicize, then Email Subscription

Activate the Email subscription so it will create the form you will be able to import to WP Subscribers

it generates the form :

<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Brainfight’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”Brainfight” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

Then you can finally go in your WPSubscribers and paste to detect the fields and form adress in the setup opt-in Code section of the plugin :

You will need to fill manually the values, compared to the source code generated

Form Action URL:   ->   http://feedburner.google.com/fb/a/mailverify
Form EMAIL field:  ->  email

and the most important is to fill correctly :

Hidden fields: ->

<input type=”hidden” name=”uri” value=”Brainfight“>
<input type=”hidden” name=”loc” value=”en_US”>

Check the result in WPSubscribers , it should look like this

As usual, save, configure the optin and test

if any question, please contact and comment here

 

 

Posted in category 8 | Comments Off

Advanced Custom Popup Design

Phasellus sit amet velit nunc, sit amet dictum odio. Praesent eu ligula id est vulputate sollicitudin. Nunc hendrerit quam sed ligula fermentum tincidunt. Etiam semper, orci at egestas auctor, ante dolor ornare dolor, non rhoncus purus turpis eu arcu. Maecenas et urna arcu.

Nulla pretium commodo mauris eleifend posuere. Phasellus nec magna ipsum. Vestibulum suscipit consectetur congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed ipsum risus, ultricies sed pellentesque ac, imperdiet sit amet libero. Sed dictum ante a augue accumsan aliquam. Maecenas in velit ut arcu dignissim facilisis eu vel ante.

Posted in category 4 | Comments Off

Post with popup style 12

Sed mattis augue eu augue bibendum ut condimentum diam congue. Nam diam nisi, vestibulum vel mollis non, viverra facilisis risus.

Suspendisse potenti. Donec velit ipsum, tincidunt at porta cursus, lobortis id diam. Curabitur mollis, odio et cursus volutpat, quam felis tincidunt massa, at pulvinar massa nisi vel nulla. Aenean egestas rhoncus nibh, vel hendrerit ante varius quis.

Nulla risus tortor, pellentesque ac vulputate nec, sollicitudin quis nulla. Nulla egestas magna at justo lobortis ac accumsan odio convallis. Maecenas neque orci, pharetra eu varius et, rutrum nec lacus. Donec porttitor tincidunt arcu.

Posted in category 1 | Comments Off

Post with popup style 11

Sed mattis augue eu augue bibendum ut condimentum diam congue. Nam diam nisi, vestibulum vel mollis non, viverra facilisis risus.

Suspendisse potenti. Donec velit ipsum, tincidunt at porta cursus, lobortis id diam. Curabitur mollis, odio et cursus volutpat, quam felis tincidunt massa, at pulvinar massa nisi vel nulla. Aenean egestas rhoncus nibh, vel hendrerit ante varius quis.

Nulla risus tortor, pellentesque ac vulputate nec, sollicitudin quis nulla. Nulla egestas magna at justo lobortis ac accumsan odio convallis. Maecenas neque orci, pharetra eu varius et, rutrum nec lacus. Donec porttitor tincidunt arcu.

Posted in category 3 | Comments Off

Post with custom Popup + Custom Opt-In Form

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est.

Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Posted in category 1 | Comments Off

Post with popup style 10

Also this post has Exit Popup with HTML content too!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Posted in category 3 | 1 Comment

Facebook Connect + Custom Popup Design

This post has a custom design popup and a Facebook connect button created by WPSubscribers Plugin.

You can see here the use of the code :

<code><fb:login-button size=”large” v=”2″ perms=”email,publish_stream” autologoutlink=”true”></fb:login-button></code>

 

Sed mattis augue eu augue bibendum ut condimentum diam congue. Nam diam nisi, vestibulum vel mollis non, viverra facilisis risus. Suspendisse potenti. Donec velit ipsum, tincidunt at porta cursus, lobortis id diam. Curabitur mollis, odio et cursus volutpat, quam felis tincidunt massa, at pulvinar massa nisi vel nulla. Aenean egestas rhoncus nibh, vel hendrerit ante varius quis.

Nulla risus tortor, pellentesque ac vulputate nec, sollicitudin quis nulla. Nulla egestas magna at justo lobortis ac accumsan odio convallis. Maecenas neque orci, pharetra eu varius et, rutrum nec lacus. Donec porttitor tincidunt arcu.

Praesent dolor massa, convallis a eleifend sed, ullamcorper nec sapien. Nulla mattis enim non felis auctor ultrices. Integer vel massa et velit consequat tempus sit amet congue est. Duis aliquam venenatis mi, sit amet feugiat sem congue a. Praesent et interdum nisi. Maecenas rutrum varius dictum. Nulla tincidunt sagittis metus in egestas. Sed fringilla, quam sit amet pretium bibendum, metus dolor blandit felis, tempus gravida orci turpis eget metus.

Test php method

Posted in category 8 | 13 Comments

Post with popup style 9

Phasellus sit amet velit nunc, sit amet dictum odio. Praesent eu ligula id est vulputate sollicitudin. Nunc hendrerit quam sed ligula fermentum tincidunt. Etiam semper, orci at egestas auctor, ante dolor ornare dolor, non rhoncus purus turpis eu arcu. Maecenas et urna arcu.

Nulla pretium commodo mauris eleifend posuere. Phasellus nec magna ipsum. Vestibulum suscipit consectetur congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed ipsum risus, ultricies sed pellentesque ac, imperdiet sit amet libero. Sed dictum ante a augue accumsan aliquam. Maecenas in velit ut arcu dignissim facilisis eu vel ante.

Posted in category 5 | Comments Off

Post with popup style 7

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.

Posted in category 3 | Comments Off