Wednesday, April 3, 2013

The Best Mashable Social Subscription Widget for Blogger


In the world of blogging people are being connected with Internet to show their experience. In which they face a lot of cases and rules to follow in order work with these online platforms. A person who is new in it will not realize well in the starting steps. Though who don't give up the trying will get the goal of their purpose.


Mashable Widget


Thus, In this article I'm gonna give you one valuable widget for your blog which is made to explore your experience from the social networks. Basically this widget is made to spread your presence on Social Networks, As you know everyone wants to get visitor and readers to make their blog's traffic higher for this purpose,
We use various tools and methods to do so. But with the use of this widget you can do it very easily while having this widget on your blog sidebar. The widget I'm going to share with you is the consist of Following features and networks.

Facebook Like
Google+ Circle
Twitter Follower
Feed Burner
Pinterest Follower


The above mentioned networks are added in this widget to give you a way to increase your reputation on your blog and let your friends to follow you on to get updates for every post you publish on.


Just Follow the below steps to get this widget added on your blog.









  • Go To Blogger >> Layout >> Add a Gadget

  • Add HTML/JavaScript Gadget 

  • Just copy the below code and past it inside of HTML/JavaScrip Gadget


  • <style>/* Social Widget */ #HB-mashable-bar{border: 0;margin-bottom: 10px;margin: 0 auto;width:300px;border: 1px solid #DDD;}.fb-likebox{background: #fff;padding: 10px 13px 0 10px;border-right: 1px solid #D8E6EB;border-left: 1px solid #D8E6EB;border-bottom: 1px solid #D8E6EB;margin:0px;height:70px;}.googleplus{background: #F5FCFE;border-top: 1px solid #FFF;border-bottom: 1px solid #ebebeb;border-right: 1px solid #D8E6EB;border-left: 1px solid #D8E6EB;border-image: initial;font-size: .90em;font-family:"Arial", "Helvetica", sans-serif;color: #000;padding: 9px 11px;line-height: 1px;}.googleplus span{color: #000;font-size: 14px;position: absolute;display:inline-block;margin: 9px 70px;font-family: calibri;width: 280px;}.pinterest1{background: #F5FCFE;border-top: 1px solid #FFF;border-bottom: 1px solid #ebebeb;border-right: 1px solid #D8E6EB;border-left: 1px solid #D8E6EB;border-image: initial;font-size: .90em;font-family:"Arial", "Helvetica", sans-serif;color: #000;padding: 9px 11px;line-height: 1px;}.pinterest1 span{color: #000;font-size: 14px;position: absolute;display:inline-block;margin: 9px 40px;font-family: calibri;width: 280px;}.g-plusone{float: left;}.gplus{background: #fff;padding: 0px;border: 0px solid #C7DBE2;margin-bottom:-13px;}.twitter{background: #EEF9FD;padding: 10px;border: 1px solid #C7DBE2;border-top: 0;}.pterest{background: #F5FCFE;padding: 10px;border: 1px solid #C7DBE2;border-top: 0;}#mashable{background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 2px 8px 2px 3px;text-align: right;border-image: initial;}#mashable .author-credit{}#mashable .author-credit a{font-size: 10px;font-weight: bold;text-shadow: 1px 1px white;color: #1E598E;text-decoration:none;}#email-news-subscribe .email-box{padding: 5px 10px;font-family:"Arial", "Helvetica", sans-serif;border-top: 0;border-right: 1px solid #C7DBE2;border-left: 1px solid #C7DBE2;border-image: initial;height:36px;}#email-news-subscribe .email-box input.email{background:#FFFFFF;border: 1px solid #dedede;color: #999;padding: 7px 10px 8px 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;border-image: initial;font-family:"Arial", "Helvetica", sans-serif;}#email-news-subscribe .email-box input.email:focus{color:#333 }#email-news-subscribe .email-box input.subscribe{background: -moz-linear-gradient(center top, #FFCA00 0, #FF9B00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFCA00), color-stop(1, #FF9B00));background: -moz-linear-gradient(center top, #FFCA00 0, #FF9B00 100%);-pie-background: linear-gradient(270deg, #ffca00, #ff9b00);font-family:"Arial", "Helvetica", sans-serif;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #cc7c00;color:white;text-shadow:#d08d00 1px 1px 0;padding:7px 14px;margin-left:3px;font-weight:bold;font-size:12px;cursor:pointer;border-image: initial;}#email-news-subscribe .email-box input.subscribe:hover{background: #ff9b00;background-image:-moz-linear-gradient(top, #ffda4d, #ff9b00);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffda4d), to(#ff9b00));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);outline:0;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999 background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffda4d), color-stop(1, #ff9b00));background:-moz-linear-gradient(center top, #ffda4d 0, #ff9b00 100%);-pie-background:linear-gradient(270deg, #ffda4d, #ff9b00);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #cc7c00;color:#FFFFFF;text-shadow:#d08d00 1px 1px 0 }#other-social-bar{background-color: #D8E6EB;box-shadow: 0 1px 1px #FFFFFF inset;padding: 0px;font-family:"Arial", "Helvetica", sans-serif;font-weight:bold;overflow: hidden;border: 1px solid #B6D0DA;height:37px;}#other-social-bar ul{list-style: none outside none;padding-left: 4px;}#other-social-bar .other-follow{float: left;color:#1E598E;overflow: hidden;height:20px;padding:5px;width: 270px;}#other-social-bar .other-follow ul{list-style: none outside none;padding-left: 4px;}#other-social-bar .other-follow ul li{font-size: 12px;font-weight: bold;display:inline;border:0;text-shadow: 1px 1px white;}#other-social-bar .other-follow ul li a{font-size: 12px;color:#1E598E;font-weight: bold;display:inline;text-shadow: 1px 1px white;}#other-social-bar .other-follow li{font-size: 12px;font-weight: bold;display:inline;border:0;text-shadow: 1px 1px white;}#other-social-bar .other-follow li a{font-size: 12px;color:#1E598E;font-weight: bold;display:inline;text-shadow: 1px 1px white;}#other-social-bar .other-follow li.my-rss{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Ft1uZI5IbCk6iBiF_LEbh0J50VKJup4CHPOvgVd901p7tKY2SM6Lsyg9xPQ08H6WJ2p6ZyKYdKDw6NB2YGVKY0EJz_ojAJ0GdQkEmXVPP22_6dP8JKoshAqklW5CnlM1a4Q828RcMrA/s400/rss-16x16.png') no-repeat transparent;line-height: 1;padding: 0px 3px 1px 20px;width: 60px;margin-bottom:0px;margin-left:5px;}#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{text-decoration:none;}#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{text-decoration:underline;}#other-social-bar .other-follow li.my-twitter{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkJQly62aDYKL0JUHqReFEIPckiyEi2YupZHd89JmQP3yQZi2omVBi9G2i6i0sI_7-F30W_2pEpIKSpTpb7-j1_r8QDzh7WbylPpXvm0O0XhtYwjuUY6DI_SuaPlAisKYwbiJp0oIOTk/s400/twitter%2527.png') no-repeat transparent;line-height: 1;padding: 0px 3px 1px 20px;width: 60px;margin-bottom:0px;}#other-social-bar .other-follow li.my-gplus{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSvVaQrimgyV3js0Z7zj6t-RQDBHLptscqhZFEIoYSHysWQng_muVEh9jvekDmJTlnE39k7HVQ8CPi13vC6mhtdGss0LCg_Z_Dpl1ukrOcRLLYJIBDJzgP40IEcMODL-vSqzq5uzVy9A/s400/gplus-16x16.png) no-repeat transparent;line-height: 1;width: 60px;padding: 0px 3px 1px 20px;margin-bottom:0px;}</style><!--[if IE]><style>#email-news-subscribe .email-box input.subscribe{background: #FFCA00;}</style><![endif]--><!--begin of social widget--><div style="margin-bottom:10px;"><div id="HB-mashable-bar"><!--Begin Widget --><div class="gplus"><link href="https://plus.google.com/104570984383687763306/" rel="publisher" /><script type="text/javascript">window.___gcfg={lang:'en'};undefinedfunctionundefined){var po=document.createElementundefined"script");po.type="text/javascript";po.async=true;po.src="https://apis.google.com/js/plusone.js";var s=document.getElementsByTagNameundefined"script")[0];s.parentNode.insertBeforeundefinedpo,s);})undefined);</script><script type="text/javascript">var _gaq=_gaq||[];_gaq.pushundefined['_setAccount','UA-29131740-1']);_gaq.pushundefined['_trackPageview']);undefinedfunctionundefined){var ga=document.createElementundefined'script');ga.type='text/javascript';ga.async=true;ga.src=undefined'https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagNameundefined'script')[0];s.parentNode.insertBeforeundefinedga,s);})undefined);</script><!--Place this tag where you want the badge to render --><g:plus href="https://plus.google.com/104570984383687763306/" width="300" height="131" margin="0px" theme="light"></g:plus></div><div class="fb-likebox"><!--Facebook --><div id="fb-root"></div><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/SamandarKhanNichari" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div></div><div class="googleplus"><!--Google --><span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script></div><div class="pinterest1"><a href='javascript:void(run_pinmarklet1())'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQn2GZp7SaFZm2NxXanC_kddDlDtQylD8gyQ2adDjHiF2rgpppass7JfnqBMm3v8-8PcdhKunHfaaJ2degcEKghRM3QyLpGmuF66BksOXOpITWBYDX80nAMsayTCDH5NDAfWQDkihKRX7O/s1600/pinmask2.png" style='margin:0;padding:0;border:none;'/></a><script type='text/javascript'>function run_pinmarklet1(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e);}</script><span>Pin It On Pinterest</span></div><div class="twitter"><!--Twitter --><iframe title="" style="width: 300px;height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&align=&button=blue&id=twitter_tweet_button_0&lang=en&link_color=&screen_name=SamandarNichari&show_count=&show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe></div><div class="pterest"><a href="http://pinterest.com/SamandarNichari/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a></div><div id="email-news-subscribe"><!--Email Subscribe --><div class="email-box"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=TricksMaster', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" style="width: 150px;font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /><input type="hidden" value="TricksMaster" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="subscribe" name="commit" type="submit" value="Subscribe" /></form></div></div><div id="other-social-bar"><!--Other Social Bar --><ul class="other-follow"><li class="my-rss"><a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/SamandarKhanNichari" target="_blank">RSS Feed</a></li><li class="my-twitter"><a rel="nofollow" title="twitter" rel="author" href=http://twitter.com/SamandarNichari target="_blank">Twitter</a></li><li class="my-gplus"><a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/104570984383687763306 target="_blank">Google Plus</a></li></ul><!--Don't remove credits otherwise your widget will not work --></div><div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: " arial ","helvetica ",sans-serif;"><span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.samandarnichari.blogspot.com/2013/04/in-world-of-blogging-people-are-being.html target="_blank">Get This &#187;</a></span></div></div><!--Don't remove credits otherwise your widget will not work --><!--End Widget --><!--end of social widget--></div></div>
    Customization:







  • Replace hhttps://plus.google.com/104570984383687763306   with your Google+ Page URL.

  • Replace http://www.facebook.com/SamandarKhanNichari   with your Facebook Page URL.

  • Replace  https://twitter.com/SamandarNichari  with your Twitter Username URL.


  • Replace http://pinterest.com/SamandarNichari/ with your Pinterest Username URL.


  • Replace http://feeds.feedburner.com/SamandarKhanNichari with your Feed Burner Username URL.

  • Final Words:
    It was the widget which I liked the most from a group of various widgets and wanted to share it on my blog that's it, I've done so. Hope you enjoy this valuable widget. If It was helpful for you according to your need, then don't forget to follow us on Following networks.




    Don't Forget to Join us on Following Networks for more updates!




    Kindly Bookmark this Post using your favorite Bookmarking service:
    Technorati Digg This Stumble Stumble Facebook Twitter
    Your adsense code goes here

    0 comments:

    Post a Comment

     

    Subscribe Us

    Recent comments

    Popular series

    Copyright © 2012-2014. All Rights Reserved | The Web Timeline | Designed By

    Home | Contact Us | About Us | Top