Φόρουμ

Για όλες τις απορίες και συζητήσεις στο φόρουμ που δημιουργήσαμε http://forum.click4money.gr/
Μπείτε κάντε εγγραφή και πείτε ένα γεια να γνωριστούμε ;)

Φόρμα επικοινωνίας

Όνομα

Ηλεκτρονικό ταχυδρομείο *

Μήνυμα *

Floating Facebook
Το Floating Facebook Like Box είναι ένα widget για το blog σας στο blogspot που θα σας βοηθήσει να αυξήσετε τους θαυμαστές σας στο facebook.

Αυτό το widget θα φαίνεται στη μέση της δεξιάς πλευράς του blog σας στο οποίο όταν πάει ο κέρσορας να το αγγίξει θα ανοίγει με ομαλή ολίσθηση και μέσα σε αυτό θα μπορεί να κάνει κάποιος Like.

Πώς να το προσθέσετε στο blog σας

Βάλτε τον κώδικα που σας δίνω πιο κάτω ως gadget(HTML/JavaScript) στη διάταξη του blogger σε όποιο σημείο θέλετε. Αν δεν ξέρετε πως μπορείτε να το κάνετε αυτό δείτε τον απλό οδηγό εδώ.

Πιο κάτω όπως βλέπετε σας έχω 9 διαφορετικά στυλ για αυτό το gadget, μπορείτε να διαλέξετε αυτό που σας αρέσει και ταιριάζει με την αισθητική του blog σας.
Σημ. Πριν το αποθηκεύσετε σιγουρευτείτε ότι αντικαταστήσατε το "https://www.facebook.com/blogger.money.tricks.tips.hacking" με το σύνδεσμο της δική σας σελίδας στο facebook

Στυλ 1 (Μπλε χρώμα το κλασικό του facebook)
<!--Blue Classic Widget Floating Facebook--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script><a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://4.bp.blogspot.com/-Sw2F47JoKu0/U2uEL5DW0hI/AAAAAAAAAhA/NNFCiQ7D6L4/s1600/ABT_facebook_widget.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--Blue Classic Widget Floating Facebook-->

Στυλ 2
<!--style 2 widget floating facebook--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://2.bp.blogspot.com/-iTfCsM4A3QU/VM-XRG3ECHI/AAAAAAAAIPY/nu0nntNfsbU/s1600/facebook-widget-floating2.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #738799; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style 2 Classic Widget Floating Facebook-->
Στυλ 3
<!--style 3 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://1.bp.blogspot.com/-MrBodC4fWmI/VNFQndO9F2I/AAAAAAAAIQU/1rrAQDAV0Kg/s1600/fbfloating8.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style 3 Classic Widget Floating Facebook-->
Στυλ 4
<!--style4 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://2.bp.blogspot.com/-QcoN3Si_dsA/VNFQlX-2R0I/AAAAAAAAIPs/HCSs0IBziBU/s1600/facebook-widget-floating1.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #806A56; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style4 Classic Widget Floating Facebook-->
Στυλ 5
<!--style5 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://3.bp.blogspot.com/-eiD3cv6LcwQ/VNFQmgVtq4I/AAAAAAAAIQg/SAjiPjNGAIM/s1600/fbfloating15.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #4E5E84; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style5 Classic Widget Floating Facebook-->
Στυλ 6
<!--style6 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://3.bp.blogspot.com/-BeVtIXQYMOI/VNFQmMlv5uI/AAAAAAAAIQA/VBd7860-1hA/s1600/fbfloating11.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #030305; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style6 Classic Widget Floating Facebook-->
Στυλ 7
<!--style7 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://3.bp.blogspot.com/-bYQ2Pzgt6zQ/VNFQnAann9I/AAAAAAAAIQY/8Ue0FPPRfqQ/s1600/fbfloating6.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #4A5B6B; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style7 Classic Widget Floating Facebook-->
Στυλ 8
<!--style8 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://1.bp.blogspot.com/-PtriFpbpGfQ/VNFQmw22pUI/AAAAAAAAIQI/D-Y1eBCroWk/s1600/fbfloating5.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #C1B4A5; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style8 Classic Widget Floating Facebook-->
Στυλ 9
<!--style9 widget floating facebook box--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <a href="http://www.click4money.gr/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://3.bp.blogspot.com/-ngnLg8_K3bA/VNHofwVr5hI/AAAAAAAAIS4/aXFS3cXWGyk/s1600/myaort.gif" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a> <style type="text/css"> .abt{background: url("http://2.bp.blogspot.com/-aun7ylKoyhs/VNFQn82wNlI/AAAAAAAAIQc/DV4OJgCzOgQ/s1600/redfbfloating.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abt div{ padding: 0; margin-right:-8px; border:4px solid #CC0000; background:#fafafa;} .abt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abt span a{color: gray;text-decoration:none;} .abt span a:hover{text-decoration:underline;} } </style><div class="abt" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogger.money.tricks.tips.hacking&width=245&colorscheme=light&show_ faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center> <a style="color:#a8a8a8;font-size:8px;" href="http://www.click4money.gr/">click4money</a></center> </span></div> </div> <!--style9 Classic Widget Floating Facebook-->

Αν θέλετε κάποιο διαφορετικό στυλ μην διστάσετε να μας το ζητήσετε στο φόρουμ μας εδώ φόρουμ click4money

0 Σχόλια:

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

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

 
Top