Blog Wadgets

Add Animated Rainbow Changing Colors To The Links On Blogger

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:59:00 +0000

In this post i have a neat effect for the links on your blog.Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them.

The effect comes from Dynamic Drive and we have a one click button to add it to your blog in seconds.Check out the demo below, simply hover your cursor over the post titles or any of the links on the demo blog.

Add The subscribe Icons Gadget To Blogger

Step 1) In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Javascript > Paste In The Code as shown in the video below :

Code :

Rainbow Links Script- TAKANASHI Mizuki

For full source code, 100's more DHTML scripts, and TOS,

Visit http://www.dynamicdrive.com

Via http://www.spiceupyourblog.com

</script>By <a href="http://www.spiceupyourblog.com/" target="_blank">Blog Gadgets</a>

<data:content/>

View Demo...!

That's it a cool effect for your links, check out more of our Blogger Gadgets.

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:51:00 +0000

A few weeks ago i published "Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger".In this post we have the same social bookmarking gadget but this time it will not be shaped as a heart but instead an ovel egg shape.

The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.On hover the egg slides open to reveal bookmarking buttons for your readers to share posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.This is a great gadget to get the attention of your readers and have them bookmarking your posts.I have the tutorial to add the gadget to your Blogger blog below but first check out the screenshot and live demo.

Add The Share This Egg To Your Blog

Remember Always Back Up Your Template Before You Make Changes...!

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blogs screenshot choose "Edit Html" > Then Proceed, as shown in the video below.

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code.

</head>

Step 3. Copy and Paste the following code Directly Above / Before </head>

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code...!

</body>

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>

Important, Move The Position Of The Gadget :

The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In yellow above you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

Step 6. Save Your Template.

That's it the gadget has been added to your blog.Make sure to check out more of our Blog Gadgets...!

Animated Sassy Social Bookmark Gadget For Blogger

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:44:00 +0000

I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have avery cool social bookmarking gadget

with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger.

View Demo...!

Add The Animated Sassy Bookmarking Gadget To Your Blog...!

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Tick The Expand Widget Templates Box as shown in the video Below :

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</body>

Step 3. Copy and Paste the following code Directly Above / Before </body>

<div class='shr_ss shr_publisher'>

</div>


<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>


<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html'>Animated Social Gadget</a> - <a href='http://www.spiceupyourblog.com'>Blogger And Wordpress Tips</a></small>

Step 4. Save Your Template.

That's it the animated Sassy Bookmarks gadget is on your blog ! Make sure to check out more of our Social Bookmarks Gadgets.

Cool New Christmas Snow Storm Effect For Blogger Blogs

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:34:00 +0000

Over the last few years I have tried to help you get your blogs into the Christmas spirit with some neat Christmas themed gadgets.The most popular and simple of these have been the Snow Fall effects we have published...

Some code added to your blog can transform the look of your site as over the Christmas period visitors are greeted with snow falling gently down the page...!

Code:

<script type="text/javascript">

//Configure below to change URL path to the snow image
var snowsrc="http://3.bp.blogspot.com/--hEgrJEXAzo/Tt-5f_2SzAI/AAAAAAAAFi8/Uf-VH61UbDY/s400/snow.gif"
// Configure below to change number of snow to render
var no = 15;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
} else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://3.bp.blogspot.com/--hEgrJEXAzo/Tt-5f_2SzAI/AAAAAAAAFi8/Uf-VH61UbDY/s400/snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
        if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
}
function snowIE_NS6() { // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) { // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
}
    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }

if (ie4up||ns6up){
    snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
        }
</script>

View Demo...!

That's it you now have a neat seasonal look on your blog.

Stylish Subscribe Icons Widget For Blogger

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:25:00 +0000

I seem to have published a lot of subscription gadgets on Spice Up Your Blog over the years.To be honest recently I have tried to take a break from such posts.But readers should have a say and that's why I find myself publishing this post.I had come up with a version of a Subscribe Icons gadget I had seen on a lot of sites.

Because of my self imposed break from publishing such tutorials I decided to add the code into jsFiddle and send out a Tweet and add it to our FaceBook page so followers could grab it.Since then I have got a lot of requests from people who don't quite understand how to transfer the code on jsFiddle to their blogs.

Add The subscribe Icons Gadget To Blogger

Step 1) In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Javascript > Paste In The Code as shown in the video below :

Code :

<style>
.social{background:none repeat scroll 0 0#fff;border-bottom:1px solid#F0F0F0;height:90px;padding:8px}.social li{float:left;margin-right:4px;text-align:center;width:52px;list-style:none}.social li.last{margin-right:0}.social li a{color:#666666;font-size:11px;line-height:34px;opacity:0.6;padding-top:42px}.social li a:hover{color:#666666;opacity:1;text-decoration:none}.social.social-feed{background:url("http://3.bp.blogspot.com/-_gwlmCiRPw0/T4MMqbhtV6I/AAAAAAAAAP8/nH_B9B4zuf0/ico-social-rss.png")no-repeat scroll 0 0 transparent;display:block}.social.social-email{background:url("http://1.bp.blogspot.com/-YTyCWTpVs3g/T-9cnlXJ4mI/AAAAAAAAHMA/ptYSLZ1mwsU/s1600/email-feed.png")no-repeat scroll 0 0 transparent;display:block}.social.social-twitter{background:url("http://1.bp.blogspot.com/-AEs2xaucVqo/T4MMrfQok6I/AAAAAAAAAQA/tUHW2QEIZXY/ico-social-twitter.png")no-repeat scroll 0 0 transparent;display:block}.social.social-facebook{background:url("http://1.bp.blogspot.com/-69FO7ybaHo0/T4MMo5Ms1VI/AAAAAAAAAP0/a84dfPIr0NA/ico-social-facebook.png")no-repeat scroll 0 0 transparent;display:block}.social.social-googleplus{background:url("http://1.bp.blogspot.com/-Ke7NQ2PDKgA/T4G-C7pmEfI/AAAAAAAAAOc/tIWtV_pdOeA/googleplus.png")no-repeat scroll 0 0 transparent;display:block;margin-right:0}.social.social-pinterest{background:url("http://1.bp.blogspot.com/-zxq13IO5BvU/T-tH1ZdmaII/AAAAAAAAHGE/fPs_JK7ih9c/s1600/pinterest-icon.png")no-repeat scroll 0 0 transparent;display:block}
/* from http://www.spiceupyourblog.com */
</style>
<ul class='social'>
<li><a class='social-feed' href='http://feeds.feedburner.com/spiceupyourblog' rel='nofollow' target='_blank'>RSS</a></li>

<li><a class='social-email' href='http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog&loc=en_US'
rel='nofollow' target='_blank'>Email</a></li>
<li><a class='social-twitter' href='http://twitter.com/paulcrowepro' rel='nofollow' target='_blank'>Twitter</a></li>
<li><a class='social-facebook' href='http://facebook.com/spiceupyourblog' rel='nofollow' target='_blank'>Facebook</a></li>

<li><a class='social-pinterest' href='http://pinterest.com/paulcrowe/' rel='nofollow' target='_blank'>Pinterest</a></li>
<li class='last'><a class='social-googleplus' href='https://plus.google.com/b/108200902911276741668/108200902911276741668/posts'>Google+</a></li>
</ul>
<small><a href="http://www.spiceupyourblog.com">Blogger & Wordpress Widget</a></small>

Important Notes : The social and feed links are highlighted in yellow, you need to change these to your own.

For the Email Rss you only need to add your feedburner ID, as you can see above mine is 'SpiceUpYourBlog'.Your feeburner ID will be the end part of your feedburner URL for example http://www.feedburner.com/myblog with myblog being the ID.

Tweet Christmas Decoration Social Bookmarking Gadget For Blogger Blogs

noreply@blogger.com (umair ghaffar) — Wed, 16 Jan 2013 14:15:00 +0000

In the past I have written a few tutorials on different styles of the share this social bookmark egg.Today just in time for Christmas I have a Christmas version.A cool Christmas ornament sits on the corner of your blog with social bookmarking options for readers.

On hover the ornament slides open with share buttons for Facebook, Twitter, Pinterest, StumbleUpon, Google Plus, LinkedIn, Email and the ShareThis button that offers even more options.Check out the demo below :

View Demo...!

OK if that's something you want to greet your visitors this Christmas heres the tutorial.

Add The Christmas Bookmark Gadget To Your Blog

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blogs screenshot choose "Edit Html" > Then Proceed, as shown in the video below...!

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)...!

</head>

Step 3. Copy and Paste the following code Directly Above / Before </head>

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</body>

Step 5. Now Copy And Paste This Code Directly Above / Before </body>

<div style='position: fixed; bottom: 2%; left: 2%;'><div id='shareThisOrnament' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'holiday'});</script>
</div><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Tips</a>

Pakistan vs South Africa 2013 Series...!

noreply@blogger.com (umair ghaffar) — Tue, 15 Jan 2013 17:52:00 +0000

The series mark first major international tournament of Pakistanagainst South Africaafter T20 World Cup in Sep-Oct 2012.The series is also seen to have set a mode for the announced T20 league in

Pakistan

premier league" which is set to kick off after

South Africa

tour...!

About Pakistan vs South Africa 2013 Series

The Pakistan tour of South Africa 2013 starts from Friday February 1st and ends on Sunday March 24. The Pakistan-South Africa bilateral series is a part of the Future Cricket Tour Programs (FTP) which has been preparted by the International Cricket Council (ICC). Pakistan vs South Africa 2013 schedule is also announced which will feature three Test matches, five one day internationals and two T20I matches.

Pakistan will play a practice match before the official series kicks off on Feb 1. They will play the first practice match at Buffalo Park, East Londonagainst South African Invitation XI. The practice match will be followed by 3 test matches which will then followed by 2 T20 matches and 5 one-day internationals...

Pakistan

tour of South Africa 2013 schedule begins on Friday February 1st, 2013 in South Africa as per cricket schedule announced. Pakistan vs South Africa 2013 is an international bilateral series organized by ICC with South Africa and Pakistan. The tour consists of 3 Test, 2 Twenty20 and 5 ODI matches to be hosted by South Africa during Feb-March 2013 period. Pakistan vs South Africa 2013 schedule list all matches, dates, venues and timing of matches in GMT, local and PKT (Pakistan local time)

Pakistan vs South Africa 2013 Schedule & Results...!

Date/Time	Match
Fri Jan 25 - Mon Jan 28 08:30 GMT \| 10:30 local \| 13:30 PKT	South African Invitation XI v Pakistanis Buffalo Park, East London
Fri Feb 1 - Tue Feb 5 08:30 GMT \| 10:30 local \| 13:30 PKT	1st Test - Pakistan v South Africa New Wanderers Stadium, Johannesburg
Thu Feb 14 - Mon Feb 18 08:30 GMT \| 10:30 local \| 13:30 PKT	2nd Test - Pakistan v South Africa Newlands, Cape Town
Fri Feb 22 - Tue Feb 26 08:30 GMT \| 10:30 local \| 13:30 PKT	3rd Test - Pakistan v South Africa SuperSport Park, Centurion
Fri Mar 1 16:00 GMT \| 18:00 local \| 21:00 PKT	1st T20I - Pakistan v South Africa Kingsmead, Durban
Sun Mar 3 12:30 GMT \| 14:30 local \| 17:30 PKT	2nd T20I - Pakistan v South Africa Buffalo Park, East London
Wed Mar 6 12:30 GMT \| 14:30 local \| 17:30 PKT	South African Invitation XI v Pakistanis De Beers Diamond Oval, Kimberley
Sun Mar 10 08:00 GMT \| 10:00 local \| 13:00 PKT	1st ODI - Pakistan v South Africa Chevrolet Park, Bloemfontein
Fri Mar 15 12:30 GMT \| 14:30 local \| 17:30 PKT	2nd ODI - Pakistan v South Africa SuperSport Park, Centurion
Sun Mar 17 08:00 GMT \| 10:00 local \| 13:00 PKT	3rd ODI - Pakistan v South Africa New Wanderers Stadium, Johannesburg
Thu Mar 21 08:00 GMT \| 10:00 local \| 13:00 PKT	4th ODI - Pakistan v South Africa Kingsmead, Durban
Sun Mar 24 08:00 GMT \| 10:00 local \| 13:00 PKT	5th ODI - Pakistan v South Africa Willowmoore Park, Benoni

Pakistan

Misbah-ul Haq (capt)
Mohammad Hafeez
Azhar Ali
Nasir Jamshed
Asad Shafiq
Younis Khan
Mohammad Irfan
Sarfraz Ahmed
Umar Gul
Junaid Khan
Ehsan Adil
Saeed Ajmal
Abdur Rehman
Haris Sohail
Faisal Iqbal
Taufiq Umar

How To Add New Reply Button To Blogger Comments With Threaded Replies

noreply@blogger.com (umair ghaffar) — Tue, 15 Jan 2013 17:15:00 +0000

One of the most popular posts on Spice Up Your Blog over the last few years has been "How to add comment replies to your blog".While that tutorial was a valid option to allow readers to reply to comments it did not place the reply to each comment in a threaded fashion.

In fact many of the comments on that post asked was it possible to have the reply placed under the original comment.After so many many requests the Blogger Team have taken note and today Threaded comment replies are now available on Blogger.You can see on our comment form below comment have a reply button and the replies are placed below the original comment.

How to activate comment replies on Blogger

For most people the threaded comment replies will be activated automatically on your blog.If you cant see the comment replies here is a check list to get them working :

Comment form is set as embed - Go to your settings > Comments > Comment Form Placement > Tick "Embedded below post" and make sure to scroll to the foot of the page and save.

Site feed is set to full - Got to settings > Site feed > Allow Blog Feeds > From the drop down menu choose " Full" and make sure to scroll to the foot of the page and save.

Clear the cache- It could be a cache issue so clear your browsers cache.Instructions for all browsers can be found Here.

If none of the above work check out the Blogger Threaded Comments Errors And Tutorials.

That's it, its good to know the Blogger team listen to the users and work hard to implement their suggestions.

Drop your comments...!

Orignal Post Here

Vintage Style Rss Subscribe And Social Follow Icons Gadget For Blogger And Wordpress

noreply@blogger.com (umair ghaffar) — Mon, 14 Jan 2013 14:18:00 +0000

I recently came across a set of icons i thought would be perfect for a Subscribe and Follow section on blogs.The icons have a vintage design and we have icons that will link to your Rss Feed, Email Rss Feed, Twitter, Facebook and Google Plus.Just for a little extra style i added a very simple opacity effect on hover.You can download the full set of Vintage Social Icons if you would like to add more profiles.

For Blogger i have a Easy One Click add to blog link and Wordpress users can simply add the code to a text widget on their sidebar.Take a look at the demo below.....!

Add The Subscribe And Follow Widget To Your Blog...!

Below is the code for the widget, you can add it manually to Blogger in a Html/Javascript gadget or use the one click add to blogger button below the code.Either way make sure to replace my links in yellow with yours.For Wordpress go to Appearance > Widgets > Add the code to a text widget, once again make sure to change the links in yellow.

Easy One Click Add To Blogger

Click the button below to add to your blog.Make sure to position it to the top of your sidebar, edit the gadget and replace the links to your links then save the layout.

That's it check out more of our Blogger Gadgets and Tips.

Drop Your Comments...!

Mashable Like Subscribe And Follow Sidebar Gadget For Blogger

noreply@blogger.com (umair ghaffar) — Mon, 14 Jan 2013 14:02:00 +0000

There was a time if you wanted to follow updates from your favorite blogs the only options you had were to bookmark or remember the URL and keep checking back or use the basic web feed if available.Now as a blogger it's expected to give subscription options such as Rss Feed, Email Feed and Social networks like Facebook, Twitter and Google +.Its been proven the most effective position for your subscription options is at the top of your blogs sidebar, this is above the fold and instantly visible to readers.

So in this post we have a subscription gadget with all the most popular subscribe and follow options you can easily place in your Blogger sidebar.The gadget is in the same style as popular tech blog Mashable and includes options for Google+, Facebook, Twitter, Rss and Email Rss.You also have the option to add bookmarking options for 16 of the top social bookmarking websites.Take a look at the demo below then see the instructions to add it to your blog.

Add The Mashable Style Subscribe And Follow Gadget To Blogger...!

This gadget created by Harish on Way2Blogging could not be easier to add to your blog.Follow the link below to the widget generator, add your Rss ID and social ID's, click generate.On the next page click the "Add To Blogger" button and add it to your blog.

Go To Widget Generator

That's it a stylish practice way to display your Feed and Social Profiles.

Drop Your Comments And Questions Below...! :D