Γειά σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο follow megadget για facebook και twitter με floating icons!!Όπως και όλα τα άλλα
παρόμοια gadget & widgets έτσι και αυτό ομορφαίνει τα blog μας και βοηθά
τους αναγνώστες μας,να μας ακολουθήσουν στα διάσημα πλέον Social media!!
Η εγκατάσταση είναι και εδώ πολύ απλή!
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..............................................................................................................
<div id="Follow-Fb.Twt"><div style="position:fixed; top:40px; right:20px;"><a href="http://twitter.com/twitter username" target="_blank"><img title="Follow Us On Twitter" src="https://lh6.googleusercontent.com/-qXiEI4g6Hl4/Ud7itsU5mjI/AAAAAAAAC-c/nRegebya0j8/s100/twitter%2520follow.png" border="0" /></a>
<div style="margin-top:15px; z-index:999px;"><a href="http://www.facebook.com/facebook username" target="_blank"><img src="https://lh3.googleusercontent.com/-NjbMvm_04Zw/Ud7i9bQLA8I/AAAAAAAAC-k/uGnNdrRfKR8/s150/facebook.png" width="100px" alt=" Follow us on Facebook "/></a>
<center><div style="font-size:8px;"><a href="http://www.safetricks.net/2013/07/Floating-Facebook-And-Twitter-Follow-Me-Widget-For-Blogger.html">Get This</a></div></center></div></div></div> ................................................................................ Οι αλλαγές που πρέπει να γίνουν....twitter username-->Εδώ το username που έχετε στο twitter facebook username->Εδώ το username που έχετε στο facebook
position:fixed Eάν αλλάξουμε το fixed με το left to widget μπαίνει αριστερά στην σελίδα μας,εαν το αφήσουμε ως έχει,μένει δεξιά!! top:40px; Εάν αυξήσουμε το 40px κατεβαίνει πιο χαμήλα το widget από την κορυφή της σελίδας μας,εάν το μειώσουμε ανεβαίνει και άλλο!! right:20px Εάν αυξήσουμε το 20ρχ το widget μπαίνει πιο αριστερά προς τα μέσα της σελίδας μας δηλαδή,και εάν το μειώσουμε βγαίνει προς τα έξω!! Μόλις τελιώσετε πατάτε Αποθήκευση και είστε έτοιμοι!! Είναι πολύ εύκολες οι αλλαγές και μπορείτε να πειραματιστείτε άνετα μέχρινα δείτε ποια είναι η θέση που ταιριάζει στο blog σας!! Καλή επιτυχία!!! Demo
Πηγή κώδικα http://www.safetricks.net Edit by vaiol!!!
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου