Αναρτήσεις
Πρόκειται για ένα θαυμάσιο floating twitter followers box for blogger, το οποίο,
ξεδιπλώνεται όμορφα στον επισκέπτη με το πέρασμα του κέρσορα του ποντικιού του από πάνω του.
Αυτή την περίοδο έχω βάλει και εγώ αυτό το widget στο bloggertips, οπότε μπορείτε να δείτε το live demo.
Η εικόνα επίσης της παρούσας ανάρτησης είναι διαφωτιστική για τη λειτουργία του widget.Η διαδικασία προσθήκης του είναι πολύ εύκολη.
1. σύνδεση στο blogger.com
2. Διάταξη > Προσθήκη gadget > HTML/JavaScript
3. Eπικολλήστε εκεί τον παρακάτω κώδικα:
<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/AVvXsEg_PqKmlB8CJRO8PQ3ysmhzB99QSSG-Y5cqrZvtu1eMhO4n-D2ASxr-R8nlp9ezHedFj6Luh_wjtR6aELkGieyqgjYs70zc3KJQ_3k8E8YUFnDiDUQfFQDw9X-cczFKflKHQdm98OH6Qh0/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("johnpatra");</script><center><span style="font-size: xx-small;">Powered by <a href="http://www.bloggertips.gr/" target="_blank">BloggerTips.gr</a></span></center></div>
</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/AVvXsEg_PqKmlB8CJRO8PQ3ysmhzB99QSSG-Y5cqrZvtu1eMhO4n-D2ASxr-R8nlp9ezHedFj6Luh_wjtR6aELkGieyqgjYs70zc3KJQ_3k8E8YUFnDiDUQfFQDw9X-cczFKflKHQdm98OH6Qh0/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("johnpatra");</script><center><span style="font-size: xx-small;">Powered by <a href="http://www.bloggertips.gr/" target="_blank">BloggerTips.gr</a></span></center></div>
Το μόνο που έχετε να κάνετε πλέον είναι να αλλάξετε το johnpatra με το δικό σας username στο twitter!
Είστε έτοιμοι!
Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα, και ακολουθήστε μας στο twitter!
Copyrights: http://www.bloggertips.gr/
| 
6 comments:
να προσθέσω επίσης πως με λίγες παραπάνω γνώσεις html καταλαβαίνει κάποιος πως να αλλάξει την κόκκινη φωτο ή να αλλάξει τη θέση του από πάνω δεξιά..
καλημέρα
στο δικό μου blog δεν μου το βγάζει
αμα θες δες εδώ http://agiasoslesvoy.blogspot.gr/
σε παρακαλώ, ενώ σε αυτό εδώ http://dokimes11223.blogspot.gr/ που έχω για να βλέπω αν δουλεύουν, λειτουργεί μια χαρά
διέγραψέ τα και τα δυο από το http://agiasoslesvoy.blogspot.gr/
αντέγραψε τους κωδικούς όπως τους δίνω,
άλλαξε τα usernames και νομιζω θα λειτουρήσουν.
επίσης τα html gadgets αποθηκευσε τα κάτω από τις αναρτήσεις σου.
οκ τώρα δουλεύει, σε ευχαριστώ
τι γινεται ρε παιδια?γιατι δε δουλευει τελευταια το τουιτερ φολοου..?δειχνει απλα κενο,εχει αλλαξει κατι?ουτε το δικο σας βλεπω δειχνει..
Καλησπέρα,
Με το TWITTER FLOATING widget που μας παρουσίασες έχω το πρόβλημα που παρουσίασε και στον "Ανώνυμος 23 Ιουνίου 2013 - 4:36 μ.μ." τον τελευταίο καίρο εμφανίζεται ως ένα άδειο διάφανο κουτι στην σελίδα μου!
Σε chrome, firefox & explorer!
Μήπως μπορείς να βοηθήσεις?
Δημοσίευση σχολίου
Παρακαλούμε τους φίλους αναγνώστες:
ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ
Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.