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

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

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

<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
//

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIxrIR1mZqvANuL4erfakLLhgi1oU8glmj2btl48H8ih0VCufji18BDBWbl7cBSJ68wxi3P9FgDxDeU3e0_S59MtF1p4PGyUuuBwbN9sEdfinbo0eirs_BkwCJ3uoFxOdtoxgwq6qI3E/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbF4Gdik2PouYjtvbsvhmO8r2XZyUw13exUD3HyH8xjo1OYlPgjy1i3G5lt_EHVQWEWXwUy7adj_N3sAs0JXwWNNmHpahQXqjA6MVqDtLuqqtOqxQhMjH_Fu0ehOQfztFuceaxGGiOa3BW/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeJS6yPJJ9scZ2a2y8PdB7U6Dx31BsyuwODS1p9pjrJjuzoOUjrrtffz8dv4jXg_lLun0kzC8QDJj0oD1_8V5SS-RRTuJmnTLY9LYV6BHIMJ7GteMpGZew4O5HdacqEJipKTaHhg_VHBpP/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkPFf3pqK8ZgumwYuf8YYqzB4-IkfehX4S7RdiVEgrA3D1w4NcVC4e5QdShEuVuUhloNZyqt-yS9RWJLvG9IWILqoxBxrb3SdBu1sG1uMjPH9_bGIa5aMGVZO-GzrJhUPrKneMP_-iXY6/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVU9lFckYH9xRn3xKolvdNszg1gOyn36nLxm_ytUSqn-Bhth98gjLxzGc6nGjasbcU7VBtqpCJFXD-sB3_8Sqhfpk0FHqsjwPrT6f3hhoPdrlq5tLT0-kYZ2YFxLFwMRkNd7I70kyyQ6Tb/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&height=500&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&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">

<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 />

</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 == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" 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 πίσω στην πηγή με ένα κλικ.

μικρές συμβουλές blogger

σελίδες

translate

pageviews

Αναγνώστες

d

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

ετικετες

αρχειο

αδεια