Latest News :
Pin It

Widgets

New Updated Mashable Sharing Widgets for Blogger

 
Add Subscription Widget To Blog

  1. In Blogger Dashboard, Go to Design /  Page Element.
  2. Choose "Add a gadget" and then select "HTML /  JavaScript".
  3. Paste the following code inside it.
blogger design pageelement
Plzzz CLICK HERE To SupporT Us

<style>
    /* Social Widget */
    #HB-mashable-bar {
        border: 0;
        margin: 0 auto;
        width:300px;
        border: 1px solid #DDD;
    }
    .fb-likebox {
        background: #FFEFFF;
        padding: 10px 13px 0 -5px;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-bottom: 1px solid #D8E6EB;
        margin:0px;
        height:185px;
    }
    .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('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/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('http://2.bp.blogspot.com/-KsALKRN7Zzo/T0vKkSG3AfI/AAAAAAAAF_k/l-VHD5xxzps/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(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/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>
    <div id="HB-mashable-bar">
        <!--Begin Widget -->
        <div class="gplus">
            <link href="https://plus.google.com/110490487923268366224/" 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/110490487923268366224/" width="300"
            height="131" margin="0px" theme="light"></g:plus>
        </div>
        <div class="fb-likebox">
            <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/StuffZONE-Find-Your-Stuff/548447298505925&amp;width=292&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23FFEFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>
        </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="http://2.bp.blogspot.com/-lRae8bdMpuA/TzuLrnycXaI/AAAAAAAACQE/YVYUjfs7dm8/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=hersoac&show_count=&show_screen_name=&text_color="
            frameborder="0" scrolling="no"></iframe>
        </div>
        <div class="pterest">
            <a href="http://pinterest.com/hersoac/"><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?uri=blogspot/stuffzone" method="post"
                target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=blogspot/stuffzone', '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="StiffZONE" 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/blogspot/stuffzone"
                    target="_blank">RSS Feed</a>
                </li>
                <li class="my-twitter">
                    <a rel="nofollow" title="twitter" rel="author" href=http://twitter.com/hersoac                    target="_blank">Twitter</a>
                </li>
                <li class="my-gplus">
                    <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/110490487923268366224
                    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://stuffzn.blogspot.in/2012/10/new-updated-mashable-sharing-widgets.html"
                target="_blank"> Get This &#65533;</a>
            </span>
        </div>
    </div>
    <!--Don't remove credits otherwise your widget will not work -->
    <!--End Widget -->
    <!--end of social widget-->

  • Replace Green with your Google+ Page URL.
  • Replace RED with Facebook fan page URL. 
  • Replace BLUE with your Pinterest profile.
  • Replace PINK with your feedburner Usename.
  •  Replace YELLO with your Twitter Usename.

I Hope You Like It.
Share this article :
Labels:

Post a Comment

 
Support : SandD Corporation | Sandy | StuffZone
Copyright © 2012. StuffZONE: Find Your Stuff - All Rights Reserved
Template Created by Sandy Published by SandD Corporation
Proudly powered by Me