Σάββατο, 3 Μαρτίου 2012

1 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.Αποθήκευση
ΕΙΣΤΕ ΕΤΟΙΜΟΙ





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

1 σχόλια:

Blogger είπε...

Ever wanted to get free Twitter Re-tweets?
Did you know that you can get these AUTOMATICALLY AND ABSOLUTELY FOR FREE by registering on Add Me Fast?

Αναγνώστες

ShareThis

Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη

Powered By | Useful Gadgets

 

Powered By Software Review