snow

Πέμπτη 1 Αυγούστου 2013

Facebook & Twitter follow me gadget

Γειά σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο follow me
gadget για 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.ne
t/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!!! 
 
 

Δεν υπάρχουν σχόλια:

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