Προσθήκη Στατικό Pop Out Facebook Like Box με λεία Effect Jquery Hover

Γεια σας φίλοι, εδώ είναι ένα άλλο Facebook pop jquery για facebook όπως το widget κουτί για bloggers (ή) Ιστοσελίδα. Πλεονεκτήματα αυτό το widget είναι σε ελεύθερο χώρο στη σελίδα. Επειδή το Facebook μπορεί να εμποδίσει την ιστοσελίδα φυσιολογικό καθώς το κουτί. Στατική Pop Out Facebook ως μαλακό κιβώτιο με jQuery επίδραση της ενεργοποίησης του blogger, αυτό είναι ένα άλλο δροσερό έλεγχο. Εδώ έχω προσθέσει ως το κουτί με απλό εφέ jQuery hover. Δείτε Facebook στατική πλάκα στα δεξιά της σελίδας και μετακινήστε το ποντίκι πάνω από την πλάκα με το πλαίσιο, όπως είναι ορατό από την ολίσθηση προς τα αριστερά. Demo View

Πώς να προσθέσετε στατικές Facebook Like Box με λεία Jquery Πηγαίντε για το Blog / ιστοσελίδα σας

εδώ Υπάρχουν 2 απλά βήματα Βήμα 1: Προσθήκη Jquery Plugin JavaScript ( Αγνοήστε αυτό το βήμα, αν το blog σας έχει ήδη Jquery Plugin ) a. Πηγαίνετε στο Blogger ταμπλό <καρτέλα Σχεδίαση> Edit Html b. Αναζήτηση </ head> tag (με ctrl + f) c. Προσθέστε κάτω από τη γραμμή του κώδικα, πριν </ head> tag

Προσθέστε την src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </ script>

Και τώρα κάντε κλικ στο κουμπί Αποθήκευση προτύπου



Βήμα 2: Προσθήκη Widget Code ( κώδικα html ) 
Είναι απλό . a.Layout ή στοιχεία σελίδας - >> Προσθέστε ένα gadget->> HTML / Java Scriptb.Add μια κάτω κώδικα στο HTML / Java box scipt . Αντικαταστήστε facebook σελίδα μου κάτω με τη διεύθυνση URL για τη σελίδα σας. (Σημείωση: - Facebook URL πρέπει να αρχίζει με "http://" και δεν περιέχει κανένα χώρο ή παράνομες χαρακτήρες)

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" θέση: απόλυτη? top: 0px? δεξιά: 0px? "/> </ a> <script type="text/javascript"> / / < ! - $ (document) έτοιμο (λειτουργία () {$ ("w2bslikebox.») hover (function () {$ (αυτό) να σταματήσει () κίνηση ({δεξιά: "0"}, "μέσο".... )?}, λειτουργία () {. $ (αυτό) να σταματήσει () κίνηση ({δεξιά:. "-250"}, "μέσο")?}, 500)?})? / / -> </ script> <style type="text/css"> . w2bslikebox {background: δεν υπάρχει-επαναλαμβάνω κύλισης κεντροαριστερά διαφανή σημαντικό? οθόνη: block? float: right? Ύψος: 270px? padding: 0 5px 0 46px? width: 245px? z-index: 99999? position: fixed? δεξιά:-250px? κορυφή: 20%?}div w2bslikebox {border: none? θέσης:. σχετική? display: block?}{w2bslikebox διάρκεια bottom: 12px? font:. 8px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif? position: absolute ? δεξιά: 6px? text-align: right? z-index: 99999?} w2bslikebox καλύπτουν ένα {χρώμα: # 808080? text-decoration:. none?} . w2bslikebox χρονικό a: hover {text-decoration: υπογραμμίζουν?} < / style> <div class="w2bslikebox" style=""> <div> <iframe scrolling = "no" frameborder = "0" scrolling = "όχι" style = "border: μεσαίου κανένας? υπερχείλιση: κρυμμένο? Ύψος: 270px? width: 245px? υπόβαθρο: # fff?"> </ iframe> <span> Με <a href="http://24work.blogspot.com/"> Blogspot φροντιστήριο </ a> / <a href="http://24work.blogspot.com/"> + Πάρτε αυτό! </ a> < / span> </ div> </ div> </ div>

Και τώρα κάντε κλικ στο κουμπί Αποθήκευση 

Σημείωση: - Μην ξεχάσετε να αλλάξετε το χρώμα κόκκινο λέξεις-κλειδιά.