Saturday, April 27, 2013

Premium Thesis Social Subscription Widget For Blogger

Author: Gagan Masoun
Blue Color Social Subscription WidgetSocial media can boost your blog or website traffic without any free. Use social media widget on your blog and sites, because social widgets are good way to boost your social followers or fans. Your blog readers can easily subscribe your new updates by using this widget. This widget is very fast loading so it will not effect loading time of your blog.

I’m going to share pretty cool Premium Thesis Social Subscription widget with all of you. First of all see live demo below and go further:


Live Demo

Add Premium Thesis Social Subscription Widget

  • Go To Your Blogger Dashboard
  • Click On Layouts —> Add A Gadget —> HTML/Javasciprt
  • Now Paste The Below Code In HTML/Javasciprt Box
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfAIP0jjUcCQJaJ2c1MbGRHZACL3QmNBQb1wyKhjSvAL3bxNplJLHhnbA_0ib6xURvpm6fjZxcyBvUxGMUBxMw4G31Cf5a0ChZsdVe62vLdgjRkEm8F71683iKTAY6_pUhNoz3aXBjSAk/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbW-tsVgmOutDyLivjFjhML-jLy5vm56y8Yl-GpyEtz3LKiHx45-grF5zkXsg9vsrnC7r6ERw3B9wVssq-a8fWj-feA9mFX824t14iGH8_PZQmBU2oJHn3wMiHldvmFHKNgwnjAonOCw/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://www.facebook.com/BlogsDaddy" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qN4Ezd9RT1LwNdmKExBmwvwT_Ord8JpV0dD_vjNHoPwBwZp5QCSmMF97PvqspOBaGa_lFB3T6t_J67wdoZ_AIEyd99vIx8LwGVj_3buPL1sZrGiLm5tVINDiz7vQXX7gMOeiXBCfWsxV/s1600/BlogsDaddy-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/BlogsDaddy"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBIFbgr6ezWCV5s39kcykrTaWBTrsxl9AKLtKh7RL3Gxwbi3VswlN2dA46HO7rdokp52chJVhvkwvmi7WZ9zjduvOS_3fTRbHbpUy3B6kABRKiZ6uwCCw7hmc9hf8yAbMJT7go945L9_q/s1600/BlogsDaddy-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/117100549673033253859"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSWQFRRodencgbQh0D7K-C2BcjjgyL5XT0R9vri9Xt3Gfhn1CyEkZ2xv7PCaD1NZaXfzealC5rVLlt2Nx7SFwr95PrYniBCAiwgy6zaLiRxVEtpAnyrhccYHqApJPotorHvwdhrcTd2mRo/s1600/BlogsDaddy-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/BlogsDaddy"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW20x-n7uHfD9EEXit7r7sIP3OBOUIvOobLYmL7oADwJIiyYtgj5kCRtG4GY22sB2ycz4lpHGvTsdl-8SXAbqWrCQiDZ_sQ7T_MMMr22MSYBUJTKONEXjabYroYYNuXNC61pZlLijmfigW/s1600/BlogsDaddy-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=BlogsDaddy" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogsDaddy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="BlogsDaddy" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

  • Replace Highlighted Texts With Your Usernames or URL's
  • Now Save The Widget and Its All Done


Need help? We're always here to help you! Please use our comment box below for any kind of discussion. Stay tuned with us for more tutorial and tips. Share this post with your friends. Stay Blessed :)

4 comments:

  1. This one is good. if this is created by you then someone has copied it. oops. wanna know?

    ReplyDelete
    Replies
    1. Hello,

      This is created by us. May I know who copied this?

      Thanks
      Gagan

      Delete
  2. Hi Gagan I've used the same social subscription widget in my blog as you've used in this blog, but it's loading time is long, will you please suggest me how to reduce it's loading time ?
    my blog url is www.employment-news.net

    ReplyDelete
    Replies
    1. Hello,

      I have visited your blog. I have seen the widget on your blog. Its a same as like my blog's widget. Yeah, its already CSS optimized widget. But this widget has Facebook, Twitter and Google+ scripts. So it is taking some time for loading. Its a normal. So, don't worry.

      Thanks
      Gagan

      Delete