Facebook blogger like box για περισσότερα like

Σήμερα στο άρθρο θα δούμε πως να βάλουμε ένα facebook blogger like box. Είναι ένα κουτάκι στο οποίο όταν πηγαίνει πάνω το ποντίκι θα ξετυλίγεται το box με την σελίδα μας στο facebook. Είναι ένας καλός τρόπος να καλέσουμε τους φίλους του blog μας να κάνουν like στην σελίδα μας στο facebook με ένα απλό κλικ στο facebook like box. Χρησιμοποιείται ευρέως από bloggers και webmasters για την προώθηση της σελίδας τους στο facebook.

Πώς να προσθέσουμε το facebook like box στο blog μας στο blogger

• Σύνδεση στο λογαριασμό μας στο blogger
• Από το μενού επιλέγουμε "Πρότυπο"
• Επεξεργασία HTML
• Με το CTRL + F βρίσκουμε το </head> και ακριβώς από πάνω επικολλούμε το παρακάτω κώδικα:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

• Αποθηκεύουμε το πρότυπο και κλείνουμε το πηγαίο κώδικα
• Ακολούθως από το μενού πάμε στη "Διάταξη"
• Προσθήκη gadget
• HTML/JavaScript
• Επικόλληση και Αποθήκευση του πιο κάτω κώδικα αφού πρώτα αλλάξετε αυτή την διεύθυνση https://www.facebook.com/blogger.money.tricks.tips.hacking με το url της σελίδας facebook που θέλετε

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiOZHVsaLHni02TTzAgz-j7gwGnElcKmnXCB0baw-1zLcMe6mucwcDgpWc9CCf8-55BZIMg_ZY5l-Bs_X6Z1IU2S0T1ohAiWT5xUfwMdB_LgT8VlChbyqB7VlzGH_ceSp8Es5J2wgEPsk/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" 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& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 275px; width: 245px;background:#fff;"></iframe> <span><a href="http://lefta4klik.blogspot.com/2012/12/facebook-like-box.html" target="_blank" style="font-size:57%">Facebook like box</a></span></div> </div>