Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

floating twitter followers box for blogger


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Πρόκειται για ένα θαυμάσιο 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("http://4.bp.blogspot.com/-Xw62XMgyLJw/T1B2MZneORI/AAAAAAAAAuc/_XTXkPESnS8/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/

Stumble
Delicious
Technorati
Twitter
Facebook

7 comments:

bloggertips.gr είπε...

να προσθέσω επίσης πως με λίγες παραπάνω γνώσεις html καταλαβαίνει κάποιος πως να αλλάξει την κόκκινη φωτο ή να αλλάξει τη θέση του από πάνω δεξιά..

Αγιάσος Λέσβος είπε...

καλημέρα
στο δικό μου blog δεν μου το βγάζει
αμα θες δες εδώ http://agiasoslesvoy.blogspot.gr/
σε παρακαλώ, ενώ σε αυτό εδώ http://dokimes11223.blogspot.gr/ που έχω για να βλέπω αν δουλεύουν, λειτουργεί μια χαρά

bloggertips.gr είπε...

διέγραψέ τα και τα δυο από το http://agiasoslesvoy.blogspot.gr/
αντέγραψε τους κωδικούς όπως τους δίνω,
άλλαξε τα usernames και νομιζω θα λειτουρήσουν.

επίσης τα html gadgets αποθηκευσε τα κάτω από τις αναρτήσεις σου.

Αγιάσος Λέσβος είπε...

οκ τώρα δουλεύει, σε ευχαριστώ

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

τι γινεται ρε παιδια?γιατι δε δουλευει τελευταια το τουιτερ φολοου..?δειχνει απλα κενο,εχει αλλαξει κατι?ουτε το δικο σας βλεπω δειχνει..

Θανάσης είπε...

Καλησπέρα,

Με το TWITTER FLOATING widget που μας παρουσίασες έχω το πρόβλημα που παρουσίασε και στον "Ανώνυμος 23 Ιουνίου 2013 - 4:36 μ.μ." τον τελευταίο καίρο εμφανίζεται ως ένα άδειο διάφανο κουτι στην σελίδα μου!
Σε chrome, firefox & explorer!

Μήπως μπορείς να βοηθήσεις?

Maaste Blogerrmen είπε...

interesting article.....article like this will help newbies like me in the beginning..... At the same time we expect more and more topics with huge informations,tips, tricksin the future…. Make Money , Blogging Tips

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *