Another Stylish Mashable Style Subscription Widget v2

by Ammar Ali on April 23, 2012 · 31 comments

Another Stylish Mashable Style Subscription Widget v2Recently we shared Mashable Style Subscription Widget v1 with you. Lots of our readers found this great widget. Some asked us to improve this and add some more cool features with more social profile likes like Pinterest, Facebook, Twitter, RSS.You can add Mashable Style Subscription Widget to your wordpress or blogger/blogspot blogs easily.  Mashable Style Social Subscription Widget v 2.0 is an attractive subscription form that will further increase the number of your Email subscribers. To Check demo copy and paste given below to our html editor

Features Of New Mashable Subscription Widget v2

  1. Facebook Likebox
  2. Recommend us on google+ button
  3. Twitter Follow us Badge
  4. Social Icons like RSS, Pinterest, Twitter and Google+
  5. Feedburner Subscription Widget

Live Demo

Adding New Mashable Style Social Subscription Widget

You just need to place a code to your blog widget Follow following steps to add New Mashable Style Social Subscription Widget to WordPress and Blogger.

Adding To Blogger

  1. Go to Design > Page Elements.
  2. Click Add A Gadget.
  3. In Add A Gadget window, select HTML/Javascript .
  4. Copy the code below and paste it inside the content box.
  5. Save the gadget.
  6. Drag the gadget and reposition it under Blog Posts gadget.
  7. Click Save button (top right hand corner).

Adding To WordPress

  1. Go to Dashboard > Appearance > Widgets > Available Widgets.
  2. Drag Text widget into a sidebar.
  3. Paste in the code.
  4. Save.

Download Code Here!

After download and pasting code kindly Make these important changes:

  • Replace AllBloggingTips with your Facebook , Twitter, Google+ and Pinterest ID
  • Replace http://feeds.feedburner.com/AllBloggingTips with your feedburner  link.
  • Replace Google+Profile Link with your Google Plus profile link

5.   Hit save and you are all done!

Visit your blogs to see it working just perfectly.  if not drop comment below with problem and screenshot ;)

I have set the width of the widget to 270px. If in case your sidebar is small or big, you may then have to adjust the two width values in brown highlight color. The first will set the width of the entire container and the second value will set the width of the subscription input box.

Credits:

You are most welcomed to share this widget with your readers. You will have to give credits to AllBloggingTips blog by attaching a link back to this post. You may also give credits to the author for the wordpress version of this sharing plugin. :D

If you enjoyed this article, get email updates (it's FREE).

 

Article by

I'm +Ammar Ali Part time Blogger, young Entrepreneur, Affiliate marketer and Student. Read more about me. You can connect with me on Twitter, Facebook.

Ammar has written 123 awesome articles for us.

Recommended Deals

BlueHost- Best WordPress Hosting Best Affordable Theme for WordPress Get Targeted Ranking - First Rank on Google

{ 31 comments… read them below or add one }

1 Jafar April 23, 2012 at 1:58 pm

Wow! what an awesome design. Keep the good work. I always love your posts @Ammar.

You just simply rock !!!!!!!

Reply

2 KBharath April 23, 2012 at 2:19 pm

Thank you Ammar Ali for sharing this awesome Subscription Widget.

Reply

3 Amar Ilindra April 23, 2012 at 4:58 pm

Ammar Ali, there are some mistakes in code. Kindly check them. Anchor text for RSS. Google+, Pinterest, Twitter is wrong.

Reply

4 Ammar Ali April 23, 2012 at 7:09 pm

Hey Amar.
Thanks for your feedback the code is updated. Feel free to download here : http://allbloggingtips.com/wp-content/uploads/2012/04/mashable-like-subscription-widgetz-21.txt

Reply

5 Debasis April 23, 2012 at 8:50 pm

Ammar Nice work on coding. This is very help to Newbies of those Hate coding. Good Work Keep it up.
~Debasis.

Reply

6 Jon Page April 25, 2012 at 1:34 pm

Wow Ammar…
I am about to search nice subscription widget and I found this on you Facebook profile… thanks…

JOn

Reply

7 Ferb April 25, 2012 at 5:24 pm

I’ve been looking for it for a long time, this is my first visit your blog and I found thanks so much. But the time change me, I’m interested in using them anymore.

Ferb

Reply

8 Ahmad Awais April 25, 2012 at 11:16 pm

Well i wrote a WordPress version of this , soon will be launching its 20th revision , ver 2.0
Nice btw

Reply

9 Itender Rawat May 21, 2012 at 10:25 pm

Nice work bhai! Will surely use this widget on my blog soon!

Reply

10 seobloggerstips May 21, 2012 at 11:20 pm

Thanks Ammar… for such a nice plugin/code

Reply

11 Nikita Sharma June 9, 2012 at 5:24 pm

wow….really good piece of information. i was looking for this. but still one querry is there if i want , this should appear at start up of blog than what i have to do ? please , let me know

Reply

12 Ammar Ali June 9, 2012 at 9:18 pm

Sorry! I did not get you. Please explain :)

Reply

13 Abhay Bajaj July 6, 2012 at 10:24 pm

That’s a nice widget. We will be implementing it into our site soon
Abhay Bajaj recently posted..Insight into Android 4.1 Jelly Bean-Google improvising excellentlyMy Profile

Reply

14 mymonoo July 24, 2012 at 6:59 pm

hmmm, its good, like to have one as its free and has killer look :)
mymonoo recently posted..How To increase Load Time of FireFoxMy Profile

Reply

15 Missy July 25, 2012 at 9:34 pm

Hi, Ammar:

Is this plugin available via the Wordpress.org repository? It looks great.

Let me know.

Cheers!
Missy recently posted..3 Social Media Job Ideas For College StudentsMy Profile

Reply

16 Ammar Ali July 25, 2012 at 9:55 pm

Hey Missy,

Yes, That widget is also available in plugin. You can download it here “WP Mashsocial:)

Reply

17 prabhat July 28, 2012 at 11:47 am

hello ammar.tried this and its amazing you can check my blog. its looking awesome.thanks for sharing your knowledge.
prabhat recently posted..How to unsubscribe multiple newslettersMy Profile

Reply

18 Ammar Ali July 28, 2012 at 1:11 pm

I can’t see this on your blog.. :|

Reply

19 Techmaker August 2, 2012 at 1:33 pm

This is amazing. I like this widget. I’ll add it to my blog. Thanks for sharing.

Reply

20 Rohit kabdwal September 29, 2012 at 8:11 am

thanks for the share Ammar, another great article. wanna ask you something. could you tell me about any pop slideout which would show the recommended article to the visitors, for the wordpress platform. i will be highly thankful for this to you. thanks in advance. :)
Rohit kabdwal recently posted..Apple iPhone 5 Banged all RecordsMy Profile

Reply

21 Ammar Ali September 29, 2012 at 12:59 pm
22 Rohit kabdwal September 29, 2012 at 4:58 pm

thanks for the plugin ammar but simple reach slider does not show the related content.. we get random results., although there is an option for mentioning the tags but its not enough for getting the related contents… :)
Rohit kabdwal recently posted..Apple iPhone 5 Banged all RecordsMy Profile

Reply

23 chetan October 30, 2012 at 2:26 am

thanks its nice

but its cant saw facebook like
plz help me http://lovepicsms.blogspot.com check my blog

Reply

24 Ammar Ali October 30, 2012 at 2:25 pm

Hello,

Kindly use this new and updated code -> http://allbloggingtips.com/wp-content/uploads/2012/10/subscription-widget-code-fb-like-box-fixed.txt

Let me know if you still face any issue chetan! :)

Reply

25 chetan November 7, 2012 at 5:45 pm

thanks ammar

its nice and i also update this cool widget with new font and stylish color check my blog http://lovepicsms.blogspot.com
thanks for sharing dude!
chetan recently posted..Wishing you a Diwali Sparkling with Joy and Glowing with WarmthMy Profile

Reply

26 Rohit kabdwal November 22, 2012 at 7:01 am

thanks for the tip amar, but here’s one more thing . I wanna know how do you get the facebook like pop-up. I am very weak at programming plz suggest me a easy to use plugin.
Rohit kabdwal recently posted..iPhone 5 for 60 Grand in India, Cool or Not?My Profile

Reply

27 Ammar Ali November 22, 2012 at 2:55 pm
28 Rohit kabdwal November 28, 2012 at 6:47 am

thanks for the link Ammar, that’s what i was asking for…, :)
Rohit kabdwal recently posted..Is Nokia Lumia 510 a Right Choice? (Reviews)My Profile

Reply

29 mohit November 22, 2012 at 12:22 pm

Just added on my blog and it is looking awesome Thanks. :) :) :)
mohit recently posted..How To Set Up A Wireless Network In Windows 8My Profile

Reply

30 Vikash March 24, 2013 at 12:20 am

Hi Ammar,

I want to change the RSS Feed to my custom Aweber Subscription List..Is it Possible? Can you please help?

Thanks,
Vikash

Reply

31 Ammar Ali March 24, 2013 at 7:39 am

Hi,

Yes , Sure. Just use contact form and hire me. I’ll do.

Reply

Leave a Comment

CommentLuv badge

Previous post:

Next post: