Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

floating facebook like box for blogger + ευρεση id σε facebook page


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Είναι ακριβώς ίδιο με το floating twitter followers box for blogger με μόνη διαφορά πως πρόκειται για το facebook αντί για το twitter.

 Η διαδικασία προσθήκης του είναι πολύ εύκολη. 

 1. σύνδεση στο blogger.com
2. Διάταξη > Προσθήκη gadget > HTML/JavaScript
3. Eπικολλήστε εκεί τον παρακάτω κώδικα:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe>
<div align="right"><span style="font-size: xx-small;background:#fff;"><a href="http://www.bloggertips.gr" target="_blank">BloggerTips.gr</a></span></div>
</div></div>

Προσοχή τώρα: 

σας έχω μαρκάρει με κόκκινο το http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753 
πρέπει να αντικαταστήσετε το bloggertipsgr με το δικό σας name και το 643745905641753 με το δικό σας id 
η γενική μορφή είναι http%3A%2F%2Fwww.facebook.com%2Fpages%2Fname%2Fid 
δεν γίνονται δεκτές διευθύνσεις με username π.χ. https://www.facebook.com/www.bloggertipstips.gr

εύρεση id σε facebook fan page: 

update: στην παρακάτω φωτο έχω κάνει λάθος. το name δεν είναι αυτο που έχω κυκλώσει!

για παράδειγμα αν η url σας είναι της μορφής: https://www.facebook.com/www.bloggertipstips.gr τότε σβήστε το www και αντικαταστήστε το με το graph δηλαδή θα γίνει έτσι: https://graph.facebook.com/www.bloggertipstips.gr 
αν ανοίξετε το https://graph.facebook.com/www.bloggertipstips.gr
πάνω-πάνω θα σας εμφανίσει το id της σελίδας σας και παρακάτω το name της (δες φώτο)

Είστε έτοιμοι! 

Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα! 

Copyrights: http://www.bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

8 comments:

Ανώνυμος είπε...

να σαι καλα ωραιο.μια λεπτομερια μονο.αν εχω συνδεθει στο facebook δουλευει κανονικα.αν δεν ειμαι δε δουλευει.ξερεις τι μπορει να φταιει?

Konstantina Koko είπε...

Ξέρετε πως δουλεύει για δυναμικές προβολές blog???

AdminiStrator είπε...

Ξέρετε μήπως πως μπορώ να το καταργήσω γιατι διάταξη και δεν βρίσκω κάποιο σχετικό γκατζετ , ξερετε τι πρεπει να κανω ;;;

D'artagnan είπε...

Καλησπέρα,
Θα ήθελα να ρωτήσω πως θα γίνει να αντιστρέψω αυτό το gadget ώστε να βρίσκεται στην αριστερή μεριά; Ευχαριστώ!

Maaste Blogerrmen είπε...

great tip for new bloggers like me... Keep continuing sharing ideas with amazing tips, tricks, informations ... Make Money , Blogging Tips, Widgets, Free Tools, Tricks

Γιώργος Γιακουμίδης είπε...

σε ευχαριστω φιλε

Γιώργος Γιακουμίδης είπε...

σε ευχαριστω φιλε

Theodosiadis Petros είπε...

Επίσης άψογο εργαλείο !
Ευχαριστούμε !
http://theinsurancemarket.blogspot.gr/

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *