0 MASHABLE SHARING WIDGET ΓΙΑ ΤΟ BLOG ΣΑΣ

Εγώ το λέω όλα σε ΕΝΑ.Απο τα πιο ωραία widget δημιούργημα του mashable.com.
Χρησιμοποιείτε απο πολλά Wordpress blogs,τώρα και  στον Blogger.
H διαδικασία είναι πολύ απλή:
Blogger ►Σχεδίαση►  Στοιχεία Σελίδας► Προσθήκη gadget► Επιλογή HTML-Javascript► Αντιγραφή-Επικόλληση τον παρακάτω κωδικό▼

  <style type="text/css">

/*<!CDATA[*/

#ba&d-mashable{width:300px;margin:auto;padding:0;}

.ba&d-googleplus {height: 57px;}

.ba&d-facebook {background#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}

.ba&d-gplusone {background-color: #f5fcfe;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}

.ba&d-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}

.ba&d-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}

.ba&d-twitter a.twitter-follow-button {display: block;}

.ba&d-twitter iframe {margin: 9px 11px;}

.ba&d-emailbox {background-color: #f26f1d;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}

.ba&d-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}

.ba&d-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}

.ba&d-emailbox input.emailu:focus {color: #333;}

.ba&d-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}

.ba&d-emailbox input.submitu:hover {text-decoration: none;}

.ba&dOrange{border:1px solid #E08121 ;text-shadow:1px 1px 0 #E08121;background: #f79d4a;background: -moz-linear-gradient(top, #f79d4a 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79d4a), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -o-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: linear-gradient(top, #f79d4a 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79d4a', endColorstr='#ef871f',GradientType=0 );}

.ba&dOrange:hover{background: #f4b67c;background: -moz-linear-gradient(top, #f4b67c 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b67c), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -o-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: linear-gradient(top, #f4b67c 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b67c', endColorstr='#ef871f',GradientType=0 );}.w2b-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}

.ba&d-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}

/*]]>*/

</style>

    <div id="ba&d-mashable">

    <div class="ba&d-googleplus">

        <script type="text/javascript">

        /*<![CDATA[*/

        window.___gcfg = {lang: 'en'};

        (function(){

            var po = document.createElement("script");

            po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";

            var s = document.getElementsByTagName("script")[0];

            s.parentNode.insertBefore(po, s);

        })();

        /*]]>*/

        </script>

        <div class="g-plus" data-href="https://plus.google.com/112023820144324944670" data-width="300" data-height="69" data-theme="light"></div>

    </div>

    <div class="ba&d-facebook">

        <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlog-ActDesign%2F323187117713920&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:66px;" allowtransparency="true"></iframe>

    </div>

    <div class="ba&d-gplusone">

        <script type="text/javascript">/*<![CDATA[*/

          (function() {

        var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;

        po.src = "https://apis.google.com/js/plusone.js";

        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);

          })();/*]]>*/

        </script>

        <div class="g-plusone" data-size="medium" data-href="http://blog-act-design.blogspot.com/"></div>

        <span>Recommend on Google</span>

    </div>

    <div class="ba&d-twitter">

        <a href="https://twitter.com/BlogActDesign" class="twitter-follow-button" data-show-count="true">Follow @BlogActDesign</a>

        <script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>

    </div>

    <div class="ba&d-emailbox">

        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blog-actdesign', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">

        <table width="100%">

            <tr>

            <td>

                <input class="emailu" name="email" placeholder="Enter your email" type="text"/>

            </td>

            <td width="64px">

                <input class="submitu w2bOrange" type="submit" value="Subscribe"/>

            </td>

            </tr>

        </table>

        <input name="uri" type="hidden" value="Blog-actdesign"/>

        <input name="loc" type="hidden" value="en_US"/>

        </form>

    </div>

    <div class="ba&d-moresubs">

        <a href="http://blog-act-design.blogspot.com/search/label/useful%20gadgets">Get this Gadget</a>

    </div>

    </div>

Σημαντικά πράγματα που πρέπει να αντικαταστήσετε
1.Αντικαταστήστε το https://plus.google.com/112023820144324944670 με την δικιά σας Google plus διεύθυνση.
 2.Αντικαταστήστε το https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlog-ActDesign%2F323187117713920 με το δικό σας username στο facebook.
3.Αντικαταστήστε το BlogActDesign με το δικό σας username στο Τwitter
4.Αντικαταστήστε το Blog-actdesign με το δικό σας Feedburner.π.χ(http://feeds.feedburner.com/Blog-actdesign
5.Αποθήκευση
ΕΙΣΤΕ ΕΤΟΙΜΟΙ

 ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ ΒΑΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!