-->
 

Για επικοινωνία κάντε σχόλιο!
Και μην ξεχνάτε να διαβάζετε τα σχόλια.Υπάρχουν λύσεις και εκεί.

Κουμπιά κοινωνικής δικτύωσης (share buttons)

Το γούιτζετ που ακολουθεί περιέχει πολλά κουμπιά κοινωνικής δικτύωσης για να προωθείσετε το μπλόγκ σας,από facebook και twitter μέχρι youtube και feed.Είναι ότι πληρέστερο κυκλοφορεί σε share buttons.

Η εγκατάστασή του είναι πολύ απλή.Απλά αντιγράψτε τον παρακάτω κώδικα σε ένα gadget μέσα σε ένα HTML/javascript και αντικαταστείστε τα κόκκινα . 







<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
//<!--
$(document).ready(function() {$(".float-facebook").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-twitter").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-google").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-youtube").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-fgoogle").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
//</script>
--&gt;


<script>(!window.google||!google.friendconnect)&&document.write('<script type="text/javascript"src="http://www.google.com/friendconnect/script/friendconnect.js"><\/script>');</script>
<script>window.registeredBloggerCallbacks||(window.registeredBloggerCallbacks=!0,gadgets.rpc.register("requestReload",function(){document.location.reload()}),gadgets.rpc.register("requestSignOut",function(a){google.friendconnect.container.openSocialSiteId=a;google.friendconnect.requestSignOut()}));</script>


<script>
    var skin = {};
    skin['FACE_SIZE'] = '40';
    skin['HEIGHT'] = "360";
    skin['TITLE'] = "\u0391\u03bd\u03b1\u03b3\u03bd\u03ce\u03c3\u03c4\u03b5\u03c2";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-glxs9mcamwh0",
     height: 360,
     site: "02892350422502879816",
     locale: 'el' },
     skin);
  </script>


<style type="text/css">
.spritefloat{background:url(http://4.bp.blogspot.com/-bBQ5hsNUiNo/UKtUfXqZ_II/AAAAAAAAE0g/wgA8070wHVQ/s1600/float-icon2.png) no-repeat}
.float-facebook{display:block; position:fixed; top:85px; right:-240px; z-index:10}
.float-facebook-rel{background-color:#3B5998; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-facebook-button{width:28px; height:90px; display:block; position:absolute; z-index:11; top:5px; left:-28px; background-image:url(http://1.bp.blogspot.com/-OkB0daxZDww/UGQZaIrBBqI/AAAAAAAABV8/27w3wGN6xHQ/s1600/facebook-icon.png)}
.float-facebook-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-twitter{display:block; position:fixed; top:85px; right:-240px; z-index:10}
.float-twitter-rel{background-color:#3CF; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-twitter-button{
   background: url(http://1.bp.blogspot.com/-R9xEKgoVSpY/UGQZb3G-y2I/AAAAAAAABWI/jtB7K51V0pA/s1600/twitter-icon.png) repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 100px;
    width: 28px;
    z-index: 11;
}
.float-twitter-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-google{display:block; position:fixed; top:235px; right:-240px; z-index:10}
.float-google-rel{background-color:#111; width:240px; height:140px; display:inline-block; position:relative; z-index:100000}
.float-google-button{
    background: url("http://1.bp.blogspot.com/-AZ1CxI9R9cg/UGQZarBMCHI/AAAAAAAABWE/VSHA3n1TfN4/s1600/google-icon.png") repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 45px;
    width: 28px;
    z-index: 11;
}
.float-google-inner{width:230px; height:130px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-youtube{display:block; position:fixed; top:335px; right:-240px; z-index:10}
.float-youtube-rel{background-color:#111; width:240px; height:140px; display:inline-block; position:relative; z-index:100000}
.float-youtube-button{
  background: url(http://1.bp.blogspot.com/-YP2FESuY3YI/UGQZcMOKk2I/AAAAAAAABWU/enpqaIfeflA/s1600/youtube-icon.png) repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 40px;
    width: 28px;
    z-index: 11;
}
.float-youtube-inner{width:230px; height:130px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-fgoogle{display:block; position:fixed; top:100px; right:-240px; z-index:10}
.float-fgoogle-rel{background-color:orange; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-fgoogle-button{width:24px; height:24px; display:block; position:absolute; z-index:11; top:375px; left:-24px; background-position:-96px 0px}
.float-fgoogle-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999; overflow:hidden}
.div.stretchy-wrapper {
    position: relative;
}

div.stretchy-wrapper > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}</style>





<div class="float-facebook">
<div class="float-facebook-rel">
<div class="float-facebook-button">
</div>
<div class="float-facebook-inner">
<div class="fb-like-box">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=εδώ διεύθυνση της fanpage σας στο facebook&amp;height=500&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" style="background: #fff; border: none; height: 500px; overflow: hidden; width: 251px;"></iframe></div>
</div>
<a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
<div class="float-twitter">
<div class="float-twitter-rel">
<div class="float-twitter-button spritefloat">
</div>
<div class="float-twitter-inner">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="textwidget">
<div class="textwidget">
<script src="http://s.moopz.com/fanbox_init.js" type="text/javascript"></script><br />
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("εδώ το όνομα της σελίδας σας στο twitter");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 250px !important;
height: 685px !important;margin-top:-27px;
}
</style></div>
</div>


</div><a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>

<div class="float-google">
<div class="float-google-rel">
<div class="float-google-button spritefloat">
</div>
<div class="float-google-inner">
<div data-width="400">
<div class="g-plus" data-href="εδώ το url του Google plus σας" data-rel="publisher" data-width="270" lang="el"><a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
</div>
</div>
</div>

<div class="float-youtube">
<div class="float-youtube-rel">
<div class="float-youtube-button spritefloat">
</div>
<div class="float-youtube-inner">
<iframe frameborder="0" height="200" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=εδώ το όνομα του καναλιού σας στο youtube" style="border: 0;" width="234"></iframe>
</div>
</div>
</div>
<div class="float-fgoogle">
<div class="float-fgoogle-rel">
<div class="float-fgoogle-button spritefloat">
</div>
<div class="float-fgoogle-inner" data-h="270">
<div style="clear: both; float: center; margin-left: 20px; margin-right: 20px; margin-top: 28px; padding-bottom: 10px; text-align: center;">
Λάβετε όλες τις ενημερώσεις της σελίδας μας μέσω του RSS FEED πατώντας το παρακάτω κουμπί.</div>
<div align="center">



<!-- THIS IS THE CODE FOR YOUR RSS FEED--><a align="center" href="εδώ url του feed σας" rel="alternate" type="application/rss+xml">
<img alt="RSS subscription icon" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" style="border: 0; height: 33px; margin-left: 5px; margin-right: 5px; width: 33px;" />
</a><br /><br />
<!--  END OF THE CODE FOR YOUR RSS FEED-->
</div>

<br /><br /><div align='center'>ή</div>

<br /><br />
<div align='center'>
γραφτείτε μέσω Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=εδώ όνομα του feed σας', 'popupwindow', 'scrollbars=yes,width=150,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>
<a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
</div>

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.


@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.

15 σχόλια:

vaiol είπε...

Καλο απογευμα πολυ καλο το widget που μας προσφερεις!θελω να ρωτησω μπορουμε να προσθεσουμε η να αφιρεσουμε κουμπια αν θελουμε η οχι?? μπαινει μονο με αυτα τα 4 που μας δινεις?
Ευχαριστω!

συμβουλές μπλόγκερ είπε...

Τα κουμπιά είναι 5.Προσθαφαίρεση κουμπιών δεν γίνεται ,γιατί κάτι τέτοιο απαιτεί αλλαγή όλου του κώδικα.

vaiol είπε...

ok ευχαριστω

Ανώνυμος είπε...

Γεια σας θα ήθελα να ρωτήσω πώς μπορούμε να αλλάξουμε την θέση που βρίσκονται από μπροστά από την ράμπα στο πίσω μέρος της ράμπας? Περιμένω την απάντηση σας

απλές συμβουλές είπε...

Τί εννοείς πίσω από τη ράμπα;Ποιό είναι το μπλογκ σου;

Ανώνυμος είπε...

Λοιπόν αν μπεις στο www.arkas.org.gr δες το Facebook Like Box μου βγαίνει πάνω στην ράμπα κύλισης στο δικό σας βγαίνει από κάτω δηλαδή δεν ενοχλεί την ράμπα ελπίζω να κατάλαβες

απλές συμβουλές είπε...

Δοκίμασε να αλλάξεις το right:-250 right:-240 ,όπου αυτό υπάρχει.Το 250 σε σένα μπορεί να είναι 230 π.χ. οπότε το κάνεις 220.

Και κάτι άλλο παρακαλούμε να το λινκ στο μπλογκ μας να παραμένει ως έχει.

Ανώνυμος είπε...

ευχαριστώ φίλε...οκ

Ανώνυμος είπε...

φίλος δεν μπόρεσα να το κανω.το widget το πετάει έξω εντελώς δηλαδή άλλαξα το -250 σε -240 και απλά μου το πετάει λίγο πιο μπροστά. μπορείς να μου στείλεις σε παρακαλώ στο e-email μου ακριβώς τον κώδικα που έχεις ΑΚΡΙΒΩΣ εσύ γιατί δεν βγάζω άκρη.
ευχαριστώ περιμενω την απαντηση σου στο e-mail:esl.team93@hotmail.com

συμβουλές μπλογκερ είπε...

Ο κώδικας είναι ακριβώς αυτός εδώ http://symvl.blogspot.gr/2012/05/facebook-likebox.html
Αλλά πιθανώς να φταίει το τέμπλειτ σου ,οπότε πολλά μπορεί να θέλουν αλλαγή και τρέχα,γύρευε.Ίσως αν έκανες επανεγκατάσταση το τέμπλειτ ή δοκίμαζες έστω και προσωρινά ένα άλλο.

Αν θέλεις μπορείς με κάνεις διαχειριστή του μπλογκ σου να το δώ από πρώτο χέρι.
Για να με κάνεις διαχειριστή πάς στις ρυθμίσεις του μπλόγκερ,πατάς προσθήκη συντακτών,βάζεις αυτό το εμαιλ anexigita@yahoo.gr ,πρόσκληση συντακτών και μετά επιλέγεις διαχειριστής όχι συντάκτης.

Νομικά Ανάλατα είπε...

Δυστυχώς προσπάθησα να το εγκαταστήσω και δεν δουλεύει... εν αντιθέσει με τα μονά likebox σε twitter και Facebook που δούλεψαν κανονικά... αν επισκεφθείτε το ιστολόγιο http://nomika-analata.blogspot.gr/ θα δείτε ότι δουλεύουν άψογα τα μονά κουμπιά... υπάρχει κάποιος τρόπος να με βοηθήσετε να ολοκληρώσω την εγκατάσταση για να έχω και τα 5 κουμπιά στο πλάι;;;
Σας ευχαριστώ εκ των προτέρων

απλές συμβουλές είπε...

Τί πρόβλημα ακριβώς υπάρχει στο ανάλατα;Κάνε εγκατάσταση τα κουμπιά για να δω πώς εμφανίζονται.

Νομικά Ανάλατα είπε...

Εμφανίζονται και τα 5 κουμπιά κανονικά... όμως δεν ανοίγουν όταν τα πλησιάζω με τον δείκτη... ανοίγει μόνο το tweet το οποίο όμως είναι ΚΕΝΟ!!! δεν εμπεριέχει το follow... τωρα έχω εγκαταστήσει τα μονά κουμπιά που δουλεύουν κανονικά...

απλές συμβουλές είπε...

Προς νομικά ανάλατα.Στείλτε τις διευθύνσεις των φέισμπουκ,τουίτερ,γκούγκλ και ρςς για τις τεστάρουμε.Πιθανώς κάποιο άλλο γουίτζετ εμποδίζει.Για να δουλέψουν τα 5 κουμπιά πρέπει να αφαιρεθούν τα δύο ξεχωριστά.Έχουν αφαιρεθεί;

απλες συμβουλές είπε...

Νομικά ανάλατα: Δοκιμάσαμε τον κώδικα με κάποιες από τις διευθύνσεις σας εδώ http://e-rwtame.blogspot.gr/ και φαίνεται να δουλεύει μια χαρά.Αφαιρέστε τον κώδικα των δύο ανεξάρτητων κουμπιών πριν εγκαταστήσετε τον καινούριο με τα 5 κουμπιά.