Floating twitter box for blogger

Τι θα λεγατε αν βαζαμε ενα Floating twitter box  στο blog μας ακριβως οπως ειναι το likebox του facebook?
  Ναι πιστευω πως θα ηταν καλο για να μπορουν να μας ακολουθησουν οι επισκεπτες μας και στο twitter. 
  Ειναι ευκολο στην τοποθετηση του και μπαινει σαν gadget. Μαζευαιτε στα δεξια της οθονης και δε πιανει πολυ χορο. Γιαυτο λεγεται και floating, Μολις το ποντικι περναει απο πανω του τοτε αυτο ανοιγει και μας δειχνει τους ακολουθους μας στο twitter.

Floating twitter box


Για να το προσθεσουμε παμε στο πινακα ελεγχου -  διαταξη - προσθηκη gadget και κανουμε επικολληση τον παρακατω κωδικο.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhND4LT-1ShOzIP5aDOvvEdGYhMqEHu0YNdeHVtw7UJyjZZFCiKyoQw6SD4zeVJqr5jWmGIIFKD0iZjQbfcYlKsIDQlfwZBOk43Olow7j5RrDH15Cp1OjV1oW0TWon3afyD-R93yxBOsrk/s1600/twitter_button.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init(" εδω το username σας");</script><center><span style="font-size: xx-small;">Powered by <a href="https://posftiaxnoblog.blogspot.com/" target="_blank">πως φτιαχνω blog</a></span></center></div>


Τωρα θα πρεπει να αλλαξουμε εκει που γραφει εδω το username σας με το δικο σας στο twitter.
Αν θελετε να αλλαξετε εικονα του μπορειτε να αντικαταστησετε το λινκ με τα κοκκινα γραμματα
με το λινκ της δικη σας εικονας.

Αν θελετε να το κατεβασετε πιο κατω αλλαζετε τα μπλε γραμματα



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

Νεότερη Παλαιότερη