Ajax Upload and Resize an Image with PHP.

Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit. Take a quick look at the live demo.

Read more »

Add Disqus Latest / Recent Comments Widget - All New Design!

Disqus is one of the most popular online commenting platform. Since 2011, where I first Installed Disqus on BloggingeHow, the commenting platform has grow so fast and now we get to see tons of big names using the platform.

Disqus deprecated it's recent comment widget a while ago, and it was the feature I personally missed a lot. You got to show recent comments on your blog if you've a healthy discussion going on your blog and websites. Such recent comments widget motivates the readers to leave out their opinions and surely it helps grow the community.

With the Disqus recent comment widget you're about to see, it used the same deprecated mechanism, though with a new design to give it a new look and feel. There are certain limitations to Disqus Comments widget such as it's refresh rate, number of requests for widget loading and one of the biggest loop hole is it's synchronization with Disqus's database.

Meaning by, that If someone leaves a comment on your blog and it gets updated on the recent comment widget, now if the person updates or edits it's comment, the recent comment widget won't update the change as it doesn't synchronize it's self with the database at back end for older comments and only fetches new ones.

Read also: How to Enable Disqus for Mobile in Blogger

Though still, it's better to display comments to motivate new readers than to not having the widget installed in the first place

Lets get into how you can add the widget to your blogs.

Install Disqus Recent Comment Widget to Blogs

Step#1  Adding Code

Navigate to your Blogger Blogs Dashboard >> Layout >> Add a new Widget in the sidebar. (if you wish to add the widget in the sidebar).

Now simply add the following code in the HTML/Javascript gadget box.

<div id="RecentComments" class="dsq-widget">

 <script type="text/javascript" src="http://bloggingehow.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=64&excerpt_length=100"></script>
</div>

<style>
.dsq-widget  {   
opacity:.6;
}
 img.dsq-widget-avatar {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #dddddd;
    display: block;
    float: left;
    height: auto;
    margin: 10px 8px 0 2px;
    width: 72px;
pointer-events: none;
}

.dsq-widget-comment p {
     display: inline;
     line-height: 5px;
  }

a.dsq-widget-user {
    font-size: 14px;  
}
p.dsq-widget-meta {
    border-bottom: 1px solid;
   
    clear: both;
    font-size: 75%;
    line-height: 17px;
    margin: 16px 5px 20px;
    opacity: 0.6;
    padding: 0;
}
</style>

Step#2 Add Disqus 'shortname' profile ID

Now replace bloggignehow (our disqus profile 'short name') with yours. That's all folks. Do let me know if you wish to see more customizations to the widget. Any ideas?

Cheers.

You can go ahead and read:  INTERVIEW: Fiverr's Top-Rated Seller Marc aka Anarchofighter Buys a Home Within a Year with Fiverr Money!

How to Track Events, Links / Images Traffic in Google Analytics?

"That which is measured, Improves". Having an entrepreneurial mind set, you would keep improving your blog and websites which more strategies. The best way to keep track of the success is to measure how they are performing and not by just going with your gut-feeling.

The same is the case with various Inbound or Outbound links that you might want to keep track of. There are can affiliate banners, eBook download links, a certain advertisement or a webinar call, what ever may that be, you can very easily track them in Google Analytics with the help of 'Event tracking'.

Note: There is a quick confusion I need to make clear here is that with Event tracking in Analytics, you don't need to setup anything within Analytics it' self. You don't even need to open it.

Simply add the follow link of code for your links that you want to track and Analytics will  start tracking traffic for it right away. After 30min to 1 hour, you can visit Google Analytics (more below) and get inspired from the results measured.

How to Track Event links in Google Analytics: Walk - Through

Step#1 Setting Up code on your website/blog

Add the following code to the links on your website that you want to track. A general link would look like:

<a href="#">My link Name</a>

Now you need to add the event tracking code to the links as shown below. The Anatomy of the Event tracking code is as follows.

<a href="#" onClick="_gaq.push(['_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)']);">Play</a>

You can notice different tags with in the above code like:

Category, action, opt_label, opt_value, opt_noninteraction. You only need to take care of the first 3 and leave out the rest. To track the coming via your links, you would only require to set the first 3 tags.

Example:

Below is an example for a video link on your blog.

<a href="#" onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);">Play</a>


You can name these tags to what ever you want. They can be totally random and as per your choice, though it's better to choose a logical word so that it would make sense to you once you see the results in Google Analytics later on.

Another Example

I have utilized Event tracking to track the clicks on BloggingeHow's Bluehost affiliate banner and other links on the blog. You can take a look at the code below that I have placed.

<a  href="#" onclick="_gaq.push(['_trackEvent', 'Inbound Link', 'WordPress Setup', 'From Sidebar banner to WP Setup Service']);">

Step#2 Analyize the results in Google Analytics

Now, open up Google Analytics account and click Behavior >> Events >> Top Events to see the results coming from your tracking code. Take a look at the image below.

Hope that helped. That's pretty much  it to it. Happy tracking links on your blog/website.

Till, next time, peace.

You can now read: 

• Google Analytics: 6 Crucial Metrics To Monitor Your Blog's Growth 
• How to Track Squeeze Page's Conversion Rate in Google Analytics 

INTERVIEW: Fiverr's Top-Rated Seller Marc aka Anarchofighter Buys a Home Within a Year with Fiverr Money!

Today is special. It had been quite a while since we had a guest from freelancing world and here we are tonight, with Fiverr's (An extremely popular freelancing website, where you can order gigs for as low as 5$) Top-Rated Seller who was able to buy a house with his fiverr's money.

There are tons of Top-Rated seller out there but not every big name there is able to pull the type of success Mar has been through.

Lets get right into the Interview Questions.

Mark you�re an inspiration to many young aspiring freelancers. You�ve been in news couple of times before and it�s great to see an MBA in online marketing implementing his skills to lead the way.

I've have distributed the questions into 2 major chunks, one being more personnel and the later towards your profession.

Preliminary Questions:

Question#1 Before we begin with professional talk in a bit, me and my readers would love to know as to why exactly you started with Freelancing. What was your core inspiration to do so and at what age it was to be specific.

Interestingly, I started in Freelancing long before Fiverr. In fact, one of the main reasons I became such a strong publicist is because I was a �stringer� (Freelance) writer for newspapers. This kind of position gave me the flexibility to work for several periodicals, do so on a part-time basis, and learn about media from the inside.

So, in addition to generating income, my motivation initially was to find a publication to be my home. The whole work your way up from the bottom.

If you know anything about the condition of the media and the number of newspaper and magazine closings, I�m very lucky that in my heart and soul I was an entrepreneur and never took that path.
I was 23-years-of-age when I become a freelance newspaper writer. More recently, I came to fiverr 3 years ago at the age of 40.

My motivation for coming to Fiverr was to test the system. I have friends who are social justice activists, and working for real justice is not well paid. Now, imagine someone fighting poverty and hunger who works tirelessly for that cause�and has no money himself or herself?

Those of us who care about making the world work for 100% of humanity know that an empty plate feeds no one. And if Fiverr lived up to its promises, it could be a real solution to my activist friends.

The good news is, it did.

And, several of my activist friends came onboard and did great things!

You may like to read: Fiverr Reinvention and the Giggers!

Question#2 Knowing that parents and the community is yet to fully absorb the online sphere, did you face any hindrances in having your parents/family in confidence as to what you were doing was right for you? 

As stated, I got started with freelancing in the traditional media. Consequently, I didn�t have those challenges. Having said that, it�s worth understanding that parents care about us deeply and they do have our best interests at heart.

So the question is, �Is this what you really want?�

If so, tell them. Most parents will let their children follow their dreams.

Further, remind them that you can make a part-time income in your spare-time. And, if it works out, you can make a full-time income on a part-time basis.

There is no other line of work where that�s true.

Finally, talk to them about your backup plan. Let them know you will look at other options and share with them your triggers for doing so. However, at the same time, let them know that it�s not right to steal your dream of independence and being your own boss.

Outside of some very rigid cultural contexts, this should work for you.

Question#3 Do you think recession pushed you into trying out your luck online?

Yes and no. Yes, in the sense that the recession was created by people of economic privilege either by design of by negligence. The recession amplified the impacts of economic inequality and that is a crucial social justice situation.

It did not push me into trying my luck online because I was always successful as a seller, marketer, and publicist both off and online.

Below, I have some specific questions related to your success.

Professional Questions:

Question#1 Being Fiverr�s Top Rated seller, I definitely see you�ve come a long long way to reach to point at what you�re today. We all have opportunities all around us, but not many are able to reach the highest levels of their goals.

How would you define your success, and what do you believe has brought you to what you�re today?
I don�t define my success, I discover it.

And, it�s that process of discovery that �brought me to it�. See, making offers and writing a message that promotes an offer is not a �Yes/No� question. It�s a �Test/Go� one. You make an offer and wait a little while.

That�s the power of Fiverr.

Fiverr has enough members and does enough marketing for traffic that you can see if your offer is working.

IF it�s not, change it.

If it works a little, talk to those buyers and find out what they liked, what they didn�t like, what they responded to, what they wish you offered, etc.

Let their feedback (filtered through your willingness, abilities, and goals) impact your future offers.
Again, especially on Fiverr that can come in the form of Gig Extras or Gig Multiples. How you�re able to earn a whole lot more than just $5 per sale.

Question#2 How did you got started with Fiverr and how long have you been serving the community with your gigs? What exactly do you offer?

I think the first part of the question has been answered. I got started with it to see if it would work for my arts and activist friends who needed an income stream.

I�ve been with the community for 3 years now.

It�s a great place.

What I�m offering, help with publicity, can be seen at AnarchoFighter.com

Question #3 For my fellow readers, would you kindly go ahead and let us know about Fiverr�s ranking system and how exactly one climbs up the ladder of these promotions, knowing that you�ve achieved the highest level i.e �Top Rated Seller�.

The finer details change from time to time. However, basically there are four different levels for sellers.

First, �The sheep� level.

This level is accessed the moment you make an account.

Getting started is key and the first step to your journey is to sign up.

You will be a sheep for at least 30 days. However, you will also be a sheep for as long as it takes you to complete 10 successful sales on Fiverr.

Once you meet these two conditions, you�ll be a level 1 seller.

Level 1 sellers gain access to some extra selling tools.

You will have 2 gig extras you can offer, as well as, an extra fast delivery option.

These gig extras can be up to $10 each.

So, by just reaching level one, you can now make a $35 sale with all extras and fast delivery options ordered.

Level 2 requires you make and complete 50 sales in any 60 days rolling period.

By level two, you add another gig extra (so now you�ll have access to 3) and they can go to $40 each.
At this point, you can make an offer for $165 with the extra fast delivery.

You can see how making just 1 sale like that a day can create a very nice full-time income on a part time basis.

Finally, you can be selected (not earn) Top-Rated Seller.

At this level, you get one more gig extra. And your extras can be as much a $100 each.

WOW

Question #4 We know that you were featured on Fiverr�s blog last year as being one of the highest success stories of the popular Freelancing site (Fiverr). Do you think all �Top Rated Seller�s are able to achieve the level of success you were able to pull off? What actually helped you live a living of Fiverr and finally ending up buying a home? Is it the high paying gigs, customer support, luck or what? What variables you believe played a key role in your success?

Not only do I think all TRSs can do it, I think anyone who really commits to both their craft and understanding the setup on Fiverr can do great things.

What helped me buy the house is I didn�t need to live off the money from Fiverr. I had other sources of income. So I was able to save it all away.

This was intentional. I knew if I did something big with my fiverr funds, it would catch the attention of the powers-that-be. It was part of my strategy to become a TRS and it worked.

Luck is much more responsible for our success than most people are willing to admit or even understand! I was lucky to be born to my parents. I was lucky they were in the country there were at the time they were. And so on.

It is also true that more I understand the workings of the world, the luckier I get.

Finally, the ability to offer higher paying gigs was key to my success because it encouraged me to do the only thing you really have to do to be a success on fiverr: Be Selling a Year from Now.

Fiverr is a numbers game and and it�s a game of attrition.

Sell something people want, deliver it as quickly as you can, be sensitive to their sense of value and your time, and keep doing it.

Our readers would love to know what exactly helps a freelancer to climb up the highest level at Fiverr.

You can rise (I prefer that term to climb) to the highest ranking in Fiverr by selling a LOT of gig, making sure the gigs are ethical and at least somewhat original, being a helper of others in the forum, and being here a year from now.

�that means, being here even when fiverr makes changes good or bad.

Question#5 How did it felt when you made your very first sale and what was it exactly? Did, by any chance you knew you would be able to get a house for your self? Do you think any fiverr freelancer can achieve what you did?

My first sales was a sales copy critique.

I was going to do it for a friend anyway, and I asked them to help me get started on Fiverr by ordering it there for $5.

This is one of the best ways to get to level 1. Ask your friends to help you and to be honest with you about what you�re offering.

Also, be willing to do more work for $5 (at least for 10 to 50 times) and then when you level up, back it off.

I didn�t know that Fiverr would work at that time, so I didn�t know I�d be able to save up the money for a house at that time.

Anyone can do it because the rules of fiverr are the same for everyone.

Everyone has the same limit of characters and videos on their gigs. Everyone starts at $5 and develops the same gig extra options at the same time. Everyone has access to the forums. Everyone has access to the traffic of fiverr, and so on.

The only difference is our personal contribution, strategy, and any assets you can leverage at the start.

Question:6 Why did you prefer Fiverr as your platform to offer what you could when we know of big names as elance, Freelancer etc. Do you think Fiverr�s buyers are responsive in specific niche?
I preferred it because it was new.

Question#6 Are you planning to expand your business in real life by collaborating your potential clients for bigger projects, you believe there is yet a lot to unlock online at fiverr?

I�m actually shrinking my business on Fiverr at the moment. I�m in solidarity with the sellers and buyers who oppose the Advance Rating System, a system of �star-ratings� rather than pure reviews.

There are many rational, objective reasons to oppose this system. However, even if there weren�t.

There are times when good ideas fail because of how they�re implemented. Fiverr dropped the ball on this one with its introduction.

So, I�m sort of a foot-soldier in the �Star Wars�:)

My advocacy has been so consistent and strong that some people allegedly complained to fiverr about the strength of my conviction. This resulted in a threat being made to my levels and account.

So, it isn�t� so much that I broke up with Fiverr �as Fiverr left me.
 
You may like to read: How I Lost 5.09$ On Fiverr & Learned a Life Lesson!

Question:7 Final Words: What would be your biggest advise you would give to BloggingeHow family? What would be that one tip you believe if you knew back then, would have helped you achieve the highest levels even before.

I gave it already:)

Be hear a year from now.

Success isn�t an overnight proposition. This race is a marathon not a sprint.

And I hope you see me hear a year from now! And, I hope to be able to give you a thumbs up and a powerful review should I ever have need to buy from you!

Thanks a bunch Marc for your time and we really appreciate and applaud your success. I hope you have a blast with your future fortunes. There was definitely a lot that I personally learned about Fiverr's working and it surely would be a great experience for BeH family.

Cheers!

You can now read another great Interview we did previously of another great personality: 

• Interview Of Muhammad Mustafa Ahmedzai Of MyBloggertricks!
• Interview Of S-Pradeep Kumar Of (HBB) Hellboundbloggers!

Ultimate Guide to Buying a Cheap Domain Name - Coupon: DOJU

Tutorial:Ultimate Guide to Buying a Cheap Domain Name:Coupon DOJU

Every online business starts small and with a domain name at it's disposal. You can't start an effective online business with out buying a domain name. For many youngsters out there and BloggingeHow readers, we needed to have a solid guide that walks you through the high quality domain registration websites that offer pretty cheap domain names that are as low as 9.84$ an entire crazy year!

The purpose of this guide is to not only bring in the cheap domain names companies out there, BUT also of high quality.

Getting a domain name is not a joke either. You've to be pretty sure about the company that you're buying it from and need to make sure that they are of high quality and their customer support is great likewise.

Even though there can and I'm sure there are even cheaper websites out there that offer domains for like crazy low for the first year though there are 2 concerns I have:

1- They are terrible in support and long term relationship.
2- The subsequent year rates are equally high as of any other high quality domain registrars like
Godaddy or NameCheap

Godaddy and NameCheap are pretty solid in what they are doing and have pretty dope customer support too. Though Godaddy is a bit expensive then many other registrars and I would easily go with NameCheap.com the next time for any of my future domains.

So, below is my take on buying cheap domain name for your blogs and the walk through along with it.

Please Note:

At this point, you should know that I never promote a product without using it my self, and I have made that my rule.

As I mentioned before, there may be a lot of other even cheaper domain registrars, though I don't have any experience with them, and thus can't promote them.

Personally, I have used NameCheap and Godaddy for me domains along with another local Pakistani domain registrar. Though I won't recommend that to anyone.

So for the purpose of this guide, I would walk you through NameCheap and I recommend it the most, as it has the quality and after service that one looks for and is one of the most affordable companies out there..

Buying a Domain Name with NameCheap

• First Year price: 9.84$ (this includes NameCheap + ICAN fee)
• Subsequent Year price: 10.69$

Coupon Expires on 31st July 2014!

Avail Your Discount Now (Coupon Code: DOJU)

The History of Templates for BloggingeHow (From Ugly to Being Proud)

BloggingeHow have gone through gazillion of web design changes since it started. I had always been a person who paid a major chunk of attention to how the blog looked and felt. I've always believed in creating that first solid impression to the reader and that's what actually matters.

The hunger for even better design, layout and functionality have always kept me going for a much improved version of the blog its self.

Sometimes I would find my self getting carried away from providing new content than to enhance the visuals of the blog. And I Confess that. It's something I believe I would never stop doing.

On top of that, one of the best feed backs I like to get from my readers and friends like you is upon how look and feel of the blog.
 

The new improvements in the UI that you see every now and then is the vision of the BloggingeHow readers them self.

I just love how it's all evolving and I hope it gets even better with the time.

Today, I have combined couple of major design overalls at BloggingeHow over the course of 3 years since 2011-2014. The images that you see are the screenshots I took from Waybackmachine website where you can get to see your blog's past too.

BloggingeHow In 2011

BloggingeHow in 2011

In 2011, as you can notice in the design, the blog was pretty young and there was not set goal inspiration for me. I had no set plan to utilize my traffic and was learning quite fast.

The blog posts layout was pretty simple too with latest post displaying right to the top.

You can notice the AdSense ads bar on the top. That was the inspiration I got from couple of high earning AdSense blogs and realised this might work.

Though it failed! As BloggingeHow was in a niche where I didn't got any considerable clicks, you can see why in this AskHassam VideoCast:  How to Increase Google AdSense CTR

I had setup blog categories on the navigation bar, and surprisingly, many of you would notice, the blog then cover more of technology stuff.

I transitioned pretty quick there on, and realized that wasn't for me.

BloggingeHow in late 2011

In late 2011, the blog turned up pretty neat and improved. Though there was little functional changes to be noticed. The navigation bar started to transition to more of a personnel side of the blog.

Though I got to say here, the social media links right in line to the navigation bar really helped to attract the eye balls to these profiles even more than what attention they received in the sidebar, that is in the previous version of 2011 above.

Major Change on the way....

In the above screenshot, one of the main features that you notice is the 'TheNextWeb' inspired featured post widget. With the implementation of the widget, I aimed to bring a change to the way the content was displayed.

 Another major intention was to boost the respective posts in terms of Google page rank. 

You'd notice a combination of other subscription widgets in the sidebar as well, which I believe played a key role in my email marketing strategy. I started to realize how important it was to interact via email with my readers.

BloggingeHow in 2013

In 2013, the game was really turned up and there are tons of improvements that you can notice. I installed the Mashable inspired navigation bar that helped me showcase more quality posts from the blog.

You can notice blog posts now displayed the author images dynamically which was a good change in personalizing the content.

The Major Change  - What I Learned

This was the time I signed up for Aweber and still applaud my decision to do so. You can notice the side wide email subscription box that signed up the readers for my ebook "6 Months to a 1000$ per Month blog", that is offered for free.

At then, I was accepting Guest Posts and the navigation bar features the 'Write for Us' page too.

The featured post widget was replaced too with the Glass Shine Hover Effect widget.

More Optimization (Concentrating towards Email Medium)

You now notice an overall in the site-wide email subscription box that boosted the email sign ups and gave a deeper personalization to the blog due my display picture.

Also, the introduction of 3 key navigation buttons above the email form helped the readers get a clear direction of where to start from the blog.

BloggingeHow In 2014

Getting seriously into Aweber and optimizing email signups.

2014 -1

 

Notice how I keep testing new stuff, new social subscription widgets, new email site wide signups. The navigation bar now indicated a clear indication of  the goals of the blog. I'm planing to cover that in a separate post hopefully.

Site wide Subscription widget here played and is still converting pretty well for BloggingeHow's social presence.

BloggingeHow Currently

 

Currently, BloggingeHow has many more optimized email op tin boxes to attain the most readers into my subscribers. The navigation bar is more optimized towards the goals the blog aims to achieve.

The Motivation Behind All - Take Away

You've seen there was so many stages where the blog got it's design shifts, which each having an aim behind  it.

I hope the compilation motivates you to get started today, as it's all about getting to start. It's so very often that we create tons of plans with in our minds and never actually implement them.

The key to start experience the good stuff is that you start putting in efforts towards your goals which is equally important as envisioning the goals them selves.

To all my fellows out there, I hope you start realizing your dreams soon and build up your very own online empire. 

Peace out.

You may like to read: How to Launch & Publish a Self-Hosted WordPress Blog In 8 Minutes! [Screencast]

Google Blogger 404 Page Redirection

If you are using Google blogger you must setup 404 page redirections, if not this will affect your organic search results. I am using blogger since 2009 for 9lessons.info and I am not paying any hosting charges till today, I suggest everyone should start a blog with blogger. This post will explain you how to setup a blogger 404 redirection page in a simple way, now you can try here with wrong URLs.

Read more »

Add Mashable Mashshare Social Sharing Widget to Blogger

Update: Sorry guys this widget doesn't work any more as Mashare changed their backend code/api. Thanks for stopping by any way. You can checkout other widgets published by BloggingeHow.

Mashable is one of the most popular social media / Technology blogs out there read by millions. They web designers are always a step forward when it comes to their blog's user experience. Mashable social media sharing widget's are always popular we published them before on the blog too as below.

• Mashable Sharing Widget With Google+ Add To Circles / Search Bar
• How to Add Mashable Header Social Subscription Widget to Blogger

Mashshare Mashable social sharing widget is with out one of the best widgets we have released so far. This social media sharing widget includes Facebook, Twitter, Google+, LinkedIn and StumbleUpon.

Follow the steps below to add the social sharing widget to your blog may that be Blogger.comm (Blogspot).

Installation:

Navigate to Blogger Dashboard >> Template >> Edit Template >> and Search by using CTRL +F

Find the following code:

post-header-line-1

Once you get to find it, simply paste the following code beneath it and hit save template.

Share To Unclock Code

[lock]

[&lt;link rel='stylesheet' id='stylesheet-css' href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' /&gt; &lt;link rel='stylesheet' id='mashsharer_network_style-css' href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' /&gt; &lt;link rel='stylesheet' id='mashsharer_style-css' href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' /&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'&gt;&lt;/script&gt; &lt;div class=&quot;mashsharer-buttons&quot;&gt; <!-- Facebook --> <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a> <a class='twitter' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a> &lt;/div&gt; &lt;div class=&quot;onoffswitch&quot;&gt; &lt;input type=&quot;checkbox&quot; name=&quot;onoffswitch&quot; class=&quot;onoffswitch-checkbox&quot; id=&quot;myonoffswitch&quot; checked='true'&gt; &lt;label class=&quot;onoffswitch-label&quot; for=&quot;myonoffswitch&quot;&gt; &lt;div class=&quot;onoffswitch-inner&quot;&gt;&lt;/div&gt; &lt;!--&lt;div class=&quot;onoffswitch-switch&quot;&gt;&lt;/div&gt;--&gt; &lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;mashshare-extra-buttons&quot;&gt;
&lt;link rel='stylesheet' id='stylesheet-css'  href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' /&gt;
&lt;link rel='stylesheet' id='mashsharer_network_style-css'  href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' /&gt;
&lt;link rel='stylesheet' id='mashsharer_style-css'  href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' /&gt;
&lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'&gt;&lt;/script&gt;
                    &lt;div class=&quot;mashsharer-buttons&quot;&gt;
<!-- Facebook -->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a>
 <a class='twitter' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a>
                    &lt;/div&gt;
&lt;div class=&quot;onoffswitch&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; name=&quot;onoffswitch&quot; class=&quot;onoffswitch-checkbox&quot; id=&quot;myonoffswitch&quot; checked='true'&gt;
                        &lt;label class=&quot;onoffswitch-label&quot; for=&quot;myonoffswitch&quot;&gt;
                        &lt;div class=&quot;onoffswitch-inner&quot;&gt;&lt;/div&gt;
                        &lt;!--&lt;div class=&quot;onoffswitch-switch&quot;&gt;&lt;/div&gt;--&gt;
                        &lt;/label&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;mashshare-extra-buttons&quot;&gt;
<div style='padding-top:5px'>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504abce20a0f7fba' type='text/javascript'/>
<div class='addthis_sharing_toolbox'/>
    </div>
                        &lt;/div&gt;
 &lt;div style=&quot;clear:both;:&quot;&gt;&lt;/div&gt;&lt;div style=&quot;clear:both;:&quot;&gt;&lt;/div&gt;]

[/lock]

 I'm very glad to bring this Mashable sharing widget to you and I hope you'd love it too. Do let me know if you're facing any problems in Installation. Though the widget is tested on Blogger blogs.

Cheers!

Credits: Widget Bloggerized by BloggingeHow. Original Widget by Mashable and Mashshare.

SEE ALSO:

•  Advance PopUp Lightbox Email Subscription Widget (Cookie Set + FadeOff)
• Feedburner Email Subscription Widget With 12 Social Buttons

Advance PopUp Lightbox Email Subscription Widget (Cookie Set + FadeOff)

Aweber, that is one of the best email marketing tool out there has great features built in. There are tons of pre-defined templates and Email subscription widgets that you can use for free. Though, unfortunately, there are not many attractive and super advance email subscription boxes to choose from.

All of them are conventional ones and doesn't give the branding touch to the blog. To gain the subscribers fast, we know Lightbox popup is one of the best widgets one can apply.

Today, I'm sharing one of the best Lightbox email subscription widgets that we shared previously on BloggingeHow and I hope it works great for you in capturing leads.

Before we move to the implementation of the widget, you can read this post I put together.

• 6 Reasons to Get Started With Aweber - You'd Be Foolish Otherwise

Implementation For Aweber

If you're a Blogger (Blogspot) user, simply navigate to Blogger Dashboard >> Layout >> and Add a New Gadget >> HTML/JavaScript Gadget.


Now simply paste the following code in the new HTML/JavaScript Gadget and hit save. It's all done.

Share To Unlock Code

[lock]

[<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.5);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;

z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
#fanbox {
    
     top: 58%;
     width: 420px;
     position: absolute;
    
}
}

#fanclose {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhStYSN3-s3h0dt5dq1NFs3QtIqgCQHlC6R_eoAstltORo3sWPxof5hWNsq5-GdlgEWEZYqiOy-EeG-yLwlqumPbCn7p5Yj2kWNXPjSqzz4FcTB3iIsgXzH0AztaAux4hIuVvisAljDlyY/s1600/fancybox_sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 36px;
    position: relative;
    right: -680px;
    top: -31px;
    width: 36px;
    z-index: 999999;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;

position:relative;
margin-left:20px;

}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>

<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7  });
});
</script>

<div id='fanback'>

<div id='fanbox'>
<div id='fanclose'>
</div>


<div class="fancybox-wrap fancybox-desktop fancybox-type-inline snp-wrap snp-pop-25-wrap fancybox-opened" tabindex="-1" style="width: 757px; height: auto; position: fixed; top: 20px; left: 296px; opacity: 1; overflow: visible;">
<div class="fancybox-skin" style="padding: 0px; width: auto; height: auto;">
<div class="fancybox-outer">
<div class="fancybox-inner" style="overflow: auto; width: 757px; height: 147px;">
<div id="snppopup-welcome" class="snp-pop-25 snppopup">

<div class="snp-fb snp-theme3 snp-theme3-lightblue">

<div id='fanclose'>
</div>
<h1>Learn How to Earn Your First<br/>
1000$  with Your Blog � And More<br/>
Get Started With This Free Guide</h1>
<div class="snp-wrap clearfix snp-pop-25-wrap">
<div class="snp-left">
<div class="snp-subscribe">
<h2>
<b>Subscribe and GET your Bonus!</b>
</h2>
AWEBER FORM CODE GOES HERE 



<p class="snp-privacy">Your Information will never be shared with any third party</p>
</div>

</div>
<div class="snp-right">
<p class="snp-img">
<img class="snp-image" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtP-Rl2AS1JkhSAJpZKwYvzueYPoeTe7IGbcKkcXZGVt-V_d6CdKCxsgB7d7SUctpvNKpKyj9VtG2SqX-sWjy0Uh71qorcgyyF7il0ZvtDnB7eVOaU2bUFrwkmSnr64_bs-8Bj9ru4n-M/s1600/th3_preset.png" />
</p>
<p class="snp-info">
<b><span style="text-decoration:underline">In the FREE guide, you'll learn:</span></b>
</p>
<ul class="snp-features">
<li>
FIRST BULLET POINT HERE
</li>
<li>
SECOND BULLET POINT HERE
</li>
<li>
THIRD BULLET POINT HERE
</li>




<p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.bloggingehow.com">Plugin by: Bloggingehow.com</a></p></ul>
</div>
</div>
</div>

<style>

#credits {font-size: 8px; margin-left:300px;margin-top:50px;}

.fancybox-wrap {
    z-index: 18020 !important;
}
.fancybox-opened {
    z-index: 18030 !important;
}
#fancybox-loading {
    z-index: 18060 !important;
}

.fancybox-close {
    z-index: 18040 !important;
}
.fancybox-nav {
    z-index: 18040 !important;
}
.fancybox-nav span {
    z-index: 18040 !important;
}
.fancybox-overlay {
    z-index: 18010 !important;
}
.fancybox-title {
    z-index: 18050 !important;
}
.fancybox-title-float-wrap {
    z-index: 18050 !important;
}
.snp-wrap .fancybox-inner {
    overflow: visible !important;
}
.snp-wrap .fancybox-skin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.snp-fb abbr, .snp-fb address, .snp-fb article, .snp-fb aside, .snp-fb audio, .snp-fb b, .snp-fb blockquote, .snp-fb body, .snp-fb canvas, .snp-fb caption, .snp-fb cite, .snp-fb code, .snp-fb dd, .snp-fb del, .snp-fb details, .snp-fb dfn, .snp-fb div, .snp-fb dl, .snp-fb dt, .snp-fb em, .snp-fb fieldset, .snp-fb figcaption, .snp-fb figure, .snp-fb footer, .snp-fb form, .snp-fb h1, .snp-fb h2, .snp-fb h3, .snp-fb h4, .snp-fb h5, .snp-fb h6, .snp-fb header, .snp-fb hgroup, .snp-fb html, .snp-fb i, .snp-fb iframe, .snp-fb img, .snp-fb ins, .snp-fb kbd, .snp-fb label, .snp-fb legend, .snp-fb li, .snp-fb mark, .snp-fb menu, .snp-fb nav, .snp-fb object, .snp-fb ol, .snp-fb p, .snp-fb pre, .snp-fb q, .snp-fb samp, .snp-fb section, .snp-fb small, .snp-fb span, .snp-fb strong, .snp-fb summary, .snp-fb table, .snp-fb tbody, .snp-fb td, .snp-fb tfoot, .snp-fb th, .snp-fb thead, .snp-fb time, .snp-fb tr, .snp-fb ul, .snp-fb var, .snp-fb video {
    border: 0 none;
    border-radius: 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.snp-fb, .snp-fb * {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    text-transform: none;
}
.snp-fb h1, .snp-fb h2, .snp-fb h3, .snp-fb h4, .snp-fb h5, .snp-fb h6 {
    font-weight: normal;
}
.snp-fb textarea {
    overflow: auto;
}
.snp-fb address {
    font-style: normal;
}
.snp-fb strong, .snp-fb b {
    font-weight: bold;
}
.snp-fb a, .snp-fb ins {
    text-decoration: none;
}
.snp-fb a:hover img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.snp-fb q, .snp-fb blockquote {
    quotes: none;
}
.snp-fb q:before, .snp-fb q:after, .snp-fb blockquote:before, .snp-fb blockquote:after {
    content: none;
}
.snp-fb a, .snp-fb *:focus, .snp-fb input, .snp-fb textarea, .snp-fb select {
    border-radius: 0;
    margin: 0;
    outline: medium none;
    width: auto;
}
.snp-fb button {
    border-radius: 0;
}
.snp-fb ul, .snp-fb ol {
    list-style: none outside none;
}
.snp-fb td, .snp-fb th {
    vertical-align: top;
}
.snp-fb .clearfix:after, .snp-fb .snp-clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.snp-fb .clearfix, .snp-fb .snp-clearfix {
    display: inline-block;
    width: 100%;
}
.snp-fb *:invalid {
}
.snp-fb img {
    border: 0 none;
    box-shadow: none;
    display: inline;
    max-width: none;
    vertical-align: middle;
}
.snp-fb input[type="checkbox"], .snp-fb input[type="radio"] {
    bottom: 1px;
    position: relative;
    vertical-align: middle;
}
.snp-fb input[type="radio"] {
    bottom: 2px;
}
.snp-fb a {
    color: inherit;
}
.snp-pop-inline {
    margin: 20px 0;
}
.snp-pop-inline .snp-fb {
    margin: 0 auto;
}

.snp-theme3 .snp-share {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
.snp-theme3 .snp-share-gp {
    width: 69px;
}
.snp-theme3 .snp-share-gp div {
    display: block !important;
}
.snp-theme3 .snp-share-tw {
    width: 90px;
}
.snp-theme3 .snp-share-pi img {
    vertical-align: top;
}
.snp-wrap .fancybox-opened .fancybox-skin {
    box-shadow: none;
}
.snp-theme3 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4gWBUhf5w_mgKYcWt9Yi9vmn6pb7hrcvubugUsSCrZqsGbs-2Ce51cyRzTh5h4NIdhDA5l-68_VY6ncdiK_HKUnSjJc0RBfdqYw7UTiFUp317eXIfysJIwZdgSpISZiyiCFB38b-n0Y8/s1600/cvr.png")  no-repeat scroll 112% -20%  #FFFFFF;
background-size:180px px;
    border: 1px solid #BCBCBC;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9);
    color:#000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    max-width: 740px;
    padding: 10px 38px 20px;
    position: relative;
}
.snp-theme3 input:focus {
    color: #FFFFFF;
}
.snp-theme3 .snp-columns {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.snp-theme3 h1 {
 font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    color: #2E80C1;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 15px;
}
.snp-theme3 h1 {
    margin-bottom: 30px;
}
.snp-theme3 .snp-img {
    text-align: center;
}
.snp-theme3 .snp-info {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.snp-theme3 .snp-features {
    margin-bottom: 5px;
}
.snp-theme3 .snp-features li {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDUM4KHPi5KGvhx0b28fL4P1LkUZ5sCBB9FqgTtZkxe4gz_ToXMiSfwVlkKdDqcGOOpiJbFOCnLsmn6sPZnYNFz-SWEZT_5yddo1Zq7GZukU6yS2LsS-12-lZ0EfRxjlKJoM9_s7NYcA/s1600/tick.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
        color: #2A2A2A;
    font: 14px/24px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;;
    margin-top: 5px;
    padding-bottom: 3px;

    padding-left: 35px;
    padding-top: 3px;
    position: relative;
}
.snp-theme3 .snp-features li:first-child {
    margin-top: 0;
}
.snp-theme3 {
    position: relative;
}
.snp-theme3 .snp-footer {
    padding: 10px 0 12px;
}
.snp-theme3 .snp-footer, .snp-theme3 .snp-footer p {
    color: #BA9551;
    font-size: 13px;
    margin-bottom: 0;
}
.snp-theme3 .snp-footer a {
    text-decoration: underline;
}
.snp-theme3 .snp-privacy {
    color: #419BBF;
    font-size: 12px;
    padding-left: 31px;
    position: relative;
}
.snp-theme3 .snp-privacy a:hover {
    text-decoration: underline;
}
.snp-theme3 .snp-privacy:before {
    content: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRQFnlhl0bJ4ZbHYa8-AeJkmH4S2DoS-jlZ45DB4UK7klq4o8kANFukHiRo7PtkJGm9K1zpNymm4QNHh2A7wsl_FP2jmj7zu5YQuvH4PZaHmV0vAIGwNdiFkhdtxyVz0ROHCXDghN8WI/s1600/locker.png");
    left: 0;
    position: absolute;
    top: 0;
}
.snp-theme3 .snp-no-thx {
    color: #8B8B8B;
    font-size: 12px;
    text-decoration: underline;
}
.snp-theme3 .snp-subscribe {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfbomR9wb3MnWLsntJcchHpFtCWFWlm9Pddaq-ovkSRxZwN9ee41jkWvM7PFupfuenm8_DwsYKmP8q_wuvB0MTZFB1YjQtOlIJijRnkx93_eQ1Vh0TjibaaokkNZKEvIhn1gHP5K7-1A/s1600/subscribe-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 24px;
    margin-left: -55px;
    margin-top: -15px;
    padding: 48px 16px 17px 18px;
    position: relative;
    z-index: 1000;
}
.snp-theme3 .snp-subscribe-social {
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 10px;
    text-align: center;
}
.snp-theme3 .snp-subscribe h2 {
    color: #F2F2F2;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 10px;
    text-align: center;
    text-shadow: 1px 1px #035677;
}
.snp-theme3 .snp-field {
    background: none repeat scroll 0 0 #066B93;
    border: 1px solid #035778;
    border-radius: 19px;
    box-shadow: 1px 1px 3px #045A7C inset, 1px 1px #1B81AA;
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 38px;
    line-height: 18px;
    margin: 0 0 16px;
    padding: 10px 14px 10px 46px;
    width: 100%;
}
.snp-theme3 .snp-error {
    border: 1px solid #FF0F0F !important;
    color: #FF0F0F !important;
}
.snp-theme3 input:-moz-placeholder {
    color: #FFFFFF;
}
.snp-theme3 .placeholder {
    color: #FFFFFF;
}
.snp-theme3 input.snp-error:-moz-placeholder {
    color: #FF0F0F;
}
.snp-theme3 .snp-error.placeholder {
    color: #FF0F0F;
}
.snp-theme3 .snp-subscribe-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F2E205 0px, #E5AE08 100%) repeat scroll 0 0 #EAC307;
    border-color: -moz-use-text-color -moz-use-text-color #161619;
    border-image: none;
    border-radius: 19px;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 1px 1px 1px #02506E;
    color: #43261A;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 36px;
    margin: 0 0 20px;
    padding: 0 20px;
    text-align: center;
    text-shadow: 1px 1px 0 #F0D16E;
    text-transform: uppercase;
    width: 100%;
}
.snp-theme3 .snp-field-name {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxaBiPdCxLjqp7yGfV_TlXcoM7K-d_EvP0fcpSpdMlt8pGJ67LjxLvO0HnEq3uugYymINxrep8KgANjZOQX_prXyR5QtZ9hPw8aXMyv8g4yCAjTq5xyyfjs8cAfOSQzDRvI1bDIiWixZY/s1600/input-name.png") no-repeat scroll 17px 9px #066B93;
}
.snp-theme3 .snp-field-email {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNI9SJwvKFvZbcVHJ_SnflS4enl7wMHopqA4LJKunouC0tL6oQDi1TzbbidGP7PPyAKIZPKEeXYXIpnrCCHfZA-ANOrE7YiBkaS1v7jflj52GZGM2Xx3JY5uutp9AMPehMXMA7r9c8xnE/s1600/input-email.png") no-repeat scroll 17px 12px #066B93;
}
.snp-theme3 .snp-subscribe-button:active {
    position: relative;
    top: 2px;

}
.snp-theme3 .snp-subscribe .snp-field {
    float: left;
    margin-right: 15px;
}
.snp-theme3 .snp-columns:after {
    background: none repeat scroll 0 0 #4F4F55;
    content: " ";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}
.snp-theme3 .snp-powered {
    background: none repeat scroll 0 0 #E3C007;
    border: 1px solid #998954;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    bottom: -36px;
    color: #43261A;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    line-height: 36px;
    padding: 10px 35px 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.snp-theme3 .snp-image {
}
.snp-theme3 .snp-left {
    float: left;
    width: 271px;
}
.snp-theme3 .snp-right {
    margin-left: 310px;
    margin-right: -15px;
}

.snp-theme3-lightgreen h1, .snp-theme3-darkgreen h1 {
    color: #399D00;
}
.snp-theme3-lightgreen .snp-field, .snp-theme3-darkgreen .snp-field {
    background-color: #58B721;
    border: 1px solid #399D00;
    box-shadow: 1px 1px 3px #399D00 inset, 1px 1px #81D843;
    color: #FFFFFF;
}
.snp-theme3-lightgreen .snp-privacy, .snp-theme3-darkgreen .snp-privacy {
    color: #33720E;
}
.snp-theme3-darkgreen .snp-powered, .snp-theme3-lightgreen .snp-powered {
    background: -moz-linear-gradient(center top , #77CC3F 0px, #33720E 100%) repeat scroll 0 0 #33720E;
    border: 1px solid #33720E;
    color: #FFFFFF;
    text-shadow: none;
}
.snp-theme3-darkgreen .snp-subscribe h2, .snp-theme3-lightgreen .snp-subscribe h2 {
    text-shadow: 1px 1px #399D00;
}
.snp-theme3-darkgreen .snp-subscribe-button, .snp-theme3-lightgreen .snp-subscribe-button {
    box-shadow: 1px 1px 1px #298103;
}
.snp-theme3-lightorange h1, .snp-theme3-darkorange h1 {
    color: #FE8814;
}
.snp-theme3-lightorange .snp-field, .snp-theme3-darkorange .snp-field {
    background-color: #DB7425;
    border: 1px solid #F79245;
    box-shadow: 1px 1px 3px #B55A15 inset, 1px 1px #DB7425;
    color: #FFFFFF;
}
.snp-theme3-lightorange .snp-privacy, .snp-theme3-darkorange .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightorange .snp-subscribe h2, .snp-theme3-darkorange .snp-subscribe h2 {
    text-shadow: 1px 1px #DB7425;
}
.snp-theme3-lightorange .snp-subscribe-button, .snp-theme3-darkorange .snp-subscribe-button {
    box-shadow: 1px 1px 1px #DB7425;
}

.snp-theme3-lightred h1, .snp-theme3-darkred h1 {
    color: #FF4848;
}
.snp-theme3-lightred .snp-field, .snp-theme3-darkred .snp-field {
    background-color: #E8272D;
    border: 1px solid #D84348;
    box-shadow: 1px 1px 3px #C42126 inset, 1px 1px #D84348;
    color: #FFFFFF;
}
.snp-theme3-lightred .snp-privacy, .snp-theme3-darkred .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightred .snp-subscribe h2, .snp-theme3-darkred .snp-subscribe h2 {
    text-shadow: 1px 1px #DB7425;
}
.snp-theme3-lightred .snp-subscribe-button, .snp-theme3-darkred .snp-subscribe-button {
    box-shadow: 1px 1px 1px #DB7425;
}

.snp-theme3-lightyellow h1, .snp-theme3-darkyellow h1 {
    color: #D79F00;
}
.snp-theme3-lightyellow .snp-field, .snp-theme3-darkyellow .snp-field {
    background-color: #E7B707;
    border: 1px solid #E7B707;
    box-shadow: 1px 1px 3px #EED206 inset, 1px 1px #E7B707;
    color: #FFFFFF;
}
.snp-theme3-lightyellow .snp-privacy, .snp-theme3-darkyellow .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightyellow .snp-subscribe h2, .snp-theme3-darkyellow .snp-subscribe h2 {
    color: #43261A;
    text-shadow: 1px 1px #EED206;
}
.snp-theme3-lightyellow .snp-subscribe-button, .snp-theme3-darkyellow .snp-subscribe-button {
    box-shadow: 1px 1px 1px #EED206;
}
.snp-theme3-lightyellow .field, .snp-theme3-darkyellow .field {
    color: #43261A;
}
.snp-theme3-lightyellow input:-moz-placeholder, .snp-theme3-darkyellow input:-moz-placeholder {
    color: #43261A;
}
.snp-theme3-lightyellow .placeholder, .snp-theme3-darkyellow .placeholder {
    color: #43261A;
}
.snp-theme3-darkyellow, .snp-theme3-darkred, .snp-theme3-darkorange, .snp-theme3-darkgreen, .snp-theme3-darkblue {
    background: -moz-linear-gradient(center top , #24252A 0px, #3E3E48 30%, #3E3E48 70%, #24252A 100%) repeat scroll 0 0 #34343C;
    border: 1px solid #34343C;
    color: #FFFFFF;
}
.snp-theme3-darkblue .snp-privacy, .snp-theme3-lightblue .snp-privacy {
    color: #78C0ED;
}
.snp-theme3-darkblue .snp-powered, .snp-theme3-lightblue .snp-powered {
    background: none repeat scroll 0 0 #066B93;
    border: 1px solid #066B93;
    color: #FFFFFF;
}
.snp-theme3-darkorange .snp-powered, .snp-theme3-lightorange .snp-powered {
    background: -moz-linear-gradient(center top , #FC8322 0px, #FC8322 100%) repeat scroll 0 0 #FC8322;
    border: 1px solid #FC8322;
    color: #252525;
}
.snp-theme3-darkred .snp-powered, .snp-theme3-lightred .snp-powered {
    background: -moz-linear-gradient(center top , #F64C53 0px, #F64C53 100%) repeat scroll 0 0 #F64C53;
    border: 1px solid #F64C53;
    color: #252525;
}
.snp-theme3-darkyellow .snp-powered, .snp-theme3-lightyellow .snp-powered {
    background: none repeat scroll 0 0 #E3C007;
    border: 1px solid #E3C007;
    color: #252525;
}
@media only screen and (max-width: 900px) {
.snp-theme3 img {
    max-width: 100%;
}
.snp-theme3 .snp-subscribe-button {
    height: auto;
}
}
@media only screen and (max-width: 600px) {
.snp-theme3 img {
    max-width: 100%;
}
.snp-theme3 h1 {
    font-size: 20px !important;
}
.snp-theme3 .snp-right {
    display: none;
}
.snp-theme3 .snp-subscribe-button {
    height: auto;
}
}

</style>

<style>

#side h2 {
    border-bottom: 0px;
   
}
.snp-pop-25 .snp-theme3 { max-width: 740px; }.snp-pop-25 .snp-theme3 h1 {font-size: 32px;}.snp-pop-25 .snp-theme3 .snp-subscribe h2 {font-size: 16px;}.snp-pop-25 .snp-theme3 .snp-subscribe-button {
background: #fde800;
background-image: -webkit-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -moz-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -ms-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -o-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: linear-gradient(top, #fde800 0, #f0b000 100%);
color:#fff;
cursor:pointer;
}.snp-pop-25 .snp-theme3 .snp-subscribe-button { color: #000000; text-shadow: none;}
</style>
</div>
</div>
</div>
<a class="fancybox-item fancybox-close" href="javascript:;" title="Close"></a>
</div>
</div>
<div class="fancybox-overlay fancybox-overlay-fixed snp-pop-25-overlay" style="width: auto; height: auto; display: block;"></div>
</div>
</div>]

[/lock]
For customizing the widget for your needs, you can edit out the highlighted code. Note that I have customized the widget for Aweber currently.

To Set Cookie

To set the widget's cookie, you can edit the code expires: 7 by changing '7' to number of days you wish the cookie to stay intact.

Want it to Work for Feedburner?

Currently the widget is set for Aweber only, though it's quite easy to port it for Feedburner users too. Just let me know if you wish it to work with Feedburner too and I would update the post.

Need Help Setup?

Do let me know any difficultly that you may be facing while setting up the widget for your self. I hope you liked the widget and there are many more advance email subscription widgets to come.

Peace.

You may now like to read: How to Migrate from Feedburner to Aweber Seamlessly

Ajax PHP Login Page with Shake Animation Effect.

I received few tutorial requests from my readers that asked to me how to create Ajax PHP login script, in this post I want to discuss how to create a simple Ajax PHP login with welcome page using MySQL database. This will explain you creating user tables, posting form values and storing and destroying the session values. If you are a PHP beginner take a quick look at this live demo with Username: 9lessons Password: 9lessons. This post has been updated with mysqli.

Read more »

How to Migrate from Feedburner to Aweber Seamlessly

I recently posted 6 Reasons to Get Started With Aweber and today we'll lay down simple steps and all that you need to smoothly transition your current Feedburner account to Aweber. There are few heads up I would like to lay down before we proceed with the technical steps.

What You Should Be Prepared For is that you'd loose considerable amount of subscribers when you're done moving on to Aweber. Why? Below the factors involved.
 

2 Reasons You'd Loose a lot of Current Subscribers

1- Feedburner is unproductive for sure and we all know that. 

The subscribers aren't engaging enough and you'd notice near to no interaction from the subscribers. Even if you have thousands of subscribers on the Feedburner list, you'd probably not seeing lots of traffic coming towards your blog when you send out a broadcast / newsletter of blog.

Why? Feedburner's newsletter is poorly designed and doesn't attract lots of eye balls. On top of that, the newsletters email subjects aren't quite attractive and are based on the blog posts your published on the blog.

You can't choose a custom email subject for your email broadcast, which sucks big time and thus doesn't bring in results.

Emails open rate on Feedburner is so low that more than  80-90% of your subscribers won't even open the email newsletter. Who you think would actually click the links with in? Very few.

2- Aweber subscribers activation

When you shift your subscribers form feedburner to Aweber, you'd have to export the entire subscribers list form Feedburner and import that to Aweber.

Now Aweber would send email confirmation to those subscribers to activate their subscription to your email list. Only the active subscribers who accept the email confirmation are added to your new Aweber list.

That Drops Tons of Your Current Subscribers...

Over the time, your email list degrades, that is people loose their interest in what you provide to them. Thus its very likely they won't accept their email confirmations.

ALSO, its quite possible that the email confirmation email that Aweber would send to the new subscribers would land in the JUNK folder.

Thus they never see it.

So, be prepared for that all. You would definitely loose tons of subscribers, though, its all worth it. When I switched over to Aweber from Feedburner, BloggingeHow probably had 700 subscribers and when the transition was done, I was only left with 2 figures of subscribers.

That sucked at then. Though I'm so glad I did it then. If it was today, I would have only found my self wasting 1 entire year.

Over the last year, the email list has earned it's amount via reviews, email list promotions etc. And it's a business in its own and has solidified BloggingeHows position as a whole.

On top of that, I love my subscribers. It's such a satisfaction I could communicate with my BloggingeHow family any time in a day.

That's great.

So lets move on to the technical steps you need to complete the transition process from Feedburner to Aweber.

Feedburner to Aweber - Steps Laid Down

Login to your Feedburner account and click Publicize tab. Next click 'Email Subscriptions' option in the left sidebar. Follow the images below.

Once you've exported CSV subscribers file from Feedburner, you now have to add that to your Aweber's subscribers list. Follow the images below.

For the final confirmation message, you can customize it by clicking on the text. It's sometimes better to write it your self taking care of the relation you've with your readers and subscribers.

It would help get more confirmations as people tend to relate with who you are.

I hope this helps you out. Kindly share the post with your social circle if you think this would help anybody out.

Cheers.

You may now like to read:  How I Lost 5.09$ On Fiverr & Learned a Life Lesson!