Ads 468x60px

Τρίτη, 8 Δεκεμβρίου 2015

Twitter and Facebook Fanbox

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα πρωτότυπο και πολύ ωραίο widget fanbox 
για twitter και facebook μαζί!Αποτελείται από 2 σκέλη, στο πάνω έχουμε το twitter
σε στυλ shockwave flash, και στο κάτω σκέλος σε απλό box το facebook.Η
διαφορετικότητα του δηλαδή είναι στην κίνηση που έχει το twitter!




Δείτε εδώ το DEMO




Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό...

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει  


επικολλήστε τον ακόλουθο κώδικα--
........................................................................................................................................................
 <style type="text/css">
    #bstf-box { background-color:#04BDFA; border-bottom:1px solid #ccc; height: 270px; position:relative; margin-bottom:10px; width:292px; }
    #bstf-box:before,#bstf-box:after{ background:#f7f7f7; border:1px solid #aaa; border-top:none; bottom:-3px; content:""; height:1px; left:2px; position:absolute; right:2px; }
    #bstf-box:after { bottom:-5px; box-shadow:0 0 2px #aaa; left:4px; right:4px; }
    /***** www.bloggerspice.com ******/
    .twitterpage { height: 34px; overflow: hidden; }
    </style>
    <div id="bstf-box">
    <object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON6/twitbutton.swf" width="290" height="80"><param name="movie" value="http://www.twpics.com/BUTTON6/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=vaiol1" /><a href=" http://www.bloggerspice.com/" title="bloggerspice">bloggerspice</a><embed src="http://www.twpics.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=
vaiol1"></embed></object>
    <div class="twitterpage"><iframe allowtransparency="true" frameborder="0
    " scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=
vaiol1" style="background: #f6f6f6; border-color: #CCCCCC; border-style: solid; border-width: 0 1px; height: 20px; padding: 7px; width: 276px;"></iframe></div>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/facebook&amp;width=292&amp;
    height=200&amp;show_faces=true&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height: 160px;"></iframe>
    </div>
....................................................................................................................................................................
ΑΛΛΑΓΕΣ 
vaiol1-- Εδώ βάζετε το δικό σας username που έχετε στο twitter!Όπως βλέπετε το βάζετε 3 φορές!

facebook -- Εδώ βάζετε το username που έχετε στο facebook!Αποθήκευση!

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to bloggerspice.com



Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog