Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




15 Στατικό αναδυόμενο widget για facebook-like-box.

Νέοι bloggers γεια σας ! Μετά από πολύ καιρό μια ανάρτηση,  με κώδικα HTML-script, που πολλοί μου έχετε ζητήσει...Είναι το στατικό facebook-like-box που βλέπετε δεξιά, κρυμμένο, που φανερώνεται μόλις περάσει από πάνω το ποντίκι...
1ο) Πρώτα απ'όλα, θα βάλετε αυτή τη φράση ΠΑΝΩ από το </head>:


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


ΠΡΟΣΟΧΗ: εάν έχετε βάλει ήδη αυτό το script για κάποιο άλλο στατικό, αναδυόμενο widget, ΜΗ ΤΟ ΞΑΝΑΒΑΛΕΤΕ ....

2ο) Βάλετε το παρακάτω κώδικα σαν gadget/javascript:


<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".dr-bloggerslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.dr-bloggerslikebox{background: url("https://lh4.googleusercontent.com/-OQBRW_FpCKg/T1KPe2a6gCI/AAAAAAAADu0/I9DEAAZmU58/s150/facebookbadge.png") 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%;}
.dr-bloggerslikebox div{border:none;position:relative;display:block;}
.dr-bloggerslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.dr-bloggerslikebox span a{color: gray;text-decoration:none;}
.dr-bloggerslikebox span a:hover{text-decoration:underline;}
</style>
<div class="dr-bloggerslikebox" style="">
    <div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fdr.blogger&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>

***εκεί που βλέπετε με κόκκινα γράμματα τη φράση dr-blogger , θα βάλετε τη διεύθυνση της δικής σας σελίδας...ΠΡΟΣΟΧΗ:  ΜΟΝΟ το όνομα της σελίδας σας(στα λατινικά)...
πχ το δικό μου είναι  http://www.facebook.com/dr.blogger  οπότε, απ' ότι βλέπετε, έβαλα μόνο το  dr-blogger....(όχι και το http://www.facebook.com/).....

***ΠΡΟΣΟΧΗ: αυτό το widget λειτουργεί  μόνον για μια σελίδα σας στο facebook, ΚΑΙ ΟΧΙ ΓΙΑ ΤΗ ΠΡΟΣΩΠΙΚΗ ΣΑΣ ΣΕΛΙΔΑ-ΠΡΟΦΙΛ... (άρα φτιάξτε μια σελίδα στο facebook για το blog σας, αφού έχετε φτιάξει τη προσωπική σας σελίδα)...
ΠΗΓΗ:  thanks to:  www.way2blogging.org
(αν δεν μπορέσετε να το φτιάξετε από τη δική μου ανάρτηση, μπείτε και φτιάξτε το στη πηγή μου...)
ΚΑΛΗ ΕΠΙΤΥΧΙΑ....
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

15 σχόλια:

Άστεγος Διαβάτης είπε...

Να προσθέσω ότι μιας και η καρτελάκι που γράφει ''Facebook'' είναι λίγο μεγάλο και ίσως να μην σας αρέσει. μπορούμε να το αλλάξουμε βάζοντας ένα δικό μας αλλάζοντας μέσα από τον κώδικα πρώτα την φωτογραφία μέσα στον κώδικα είναι https://lh4.googleusercontent.com/-OQBRW_FpCKg/T1KPe2a6gCI/AAAAAAAADu0/I9DEAAZmU58/s150/facebookbadge.png και μετά για να προσαρμόσουμε δεξιά αριστερά για να μην έχει κενό αλλάζουμε τον κώδικα μετά την φωτογραφία εκεί που λέει no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: αλλάζουμε το 46px με ένα μικρότερο αν είναι μικρότερο και το καρτελάκι μας εγώ έβαλα 30px σε μένα και είναι μια χαρά.

Ευχαριστώ.

pandelees karagiann είπε...

xaxaxa!!!! ρίχτα...αλλά μη τους μπερδεύεις..εγώ θα τη πληρώσω !!!

psaxoulenios είπε...

Καλησπερα φιλαρακι ειμαι καινουργιος blogger και εβαλα αυτο το ωραιο widget αλλα οταν παω το ποντικι επανω στο facebook μου βγαζει αυτο: υποψιν οτι αλλαξα οπου γραφει dr.blogger με το δικο μου ονομα του blog (δεν ξερω αν εκανα καλα) πεσμου σε παρακαλω τι φταιει και παλι σε ευχαριστω με εχεις βοηθησει πολυ περιμενω νεα σου...

pandelees karagiann είπε...

psaxoulenie,
1)η δεν εχεις βαλει το σωστο id (διευθυνση) της σελιδας...
2)η εχεις βαλει διευθυνση απο το προσωπικο σου προφιλ στο fb...το γραφω στο τελος της ανάρτησης...
(ΠΡΟΣΟΧΗ: αυτό το widget λειτουργεί μόνον για μια σελίδα σας στο facebook, ΚΑΙ ΟΧΙ ΓΙΑ ΤΗ ΠΡΟΣΩΠΙΚΗ ΣΑΣ ΣΕΛΙΔΑ-ΠΡΟΦΙΛ... (άρα φτιάξτε μια σελίδα στο facebook για το blog σας, αφού έχετε φτιάξει τη προσωπική σας σελίδα)...)

psaxoulenios είπε...

Φιλε pandelees εβαλα την διευθυνση την σωστη αλλα παλι δεν μου δουλευει, καμια αλλη ιδεα τι δεν κανω καλα?

Administrator είπε...

Καλημέρα
@psaxoulenios από μια ματιά που έριξα είδα ότι έχεις βάλει το προσωπικό σου προφίλ και όχι μια σελίδα, και δεύτερο έχεις λάθος στην αντικατάσταση του κώδικα.

Πρώτα θα πρέπει να δημιουργήσεις μια σελίδα στο Facebook από εδώ www.facebook.com/pages/create.php
και στην συνέχεια να αντικαταστήσεις τον κώδικα που έχει με κόκκινο χρώμα με αυτό που θα έχει η σελίδα σου. Παράδειγμα αν η νέα σου σελίδα στο Facebook είναι ή www.facebook.com/pages/psaxoulenios.psaxoulenios/1234567890
τότε θα πρέπει να αντικαταστήσεις το 'dr.blogger' που είναι γραμμένο με κόκκινα γράμματα με το
'pages/psaxoulenios.psaxoulenios/1234567890' ή με το όνομα που έχεις βάλει εσύ (αν το έχεις αλλάξει)


καλή επιτυχία ( Ά Διαβάτης )

psaxoulenios είπε...

Φιλαράκι σε ευχαριστω παρα πολυ η βοηθεια σου ηταν πολυτιμη...

pandelees karagiann είπε...

χαχα...ευχαριστω 'ΑΣΤΕΓΕ' για την βοηθεια...δυστυχως δεν εχω πολυ χρονο και υπομονη να μπαινω ολη μερα και να απαντω !!!μονο βραδυ, και πρεπει να γινουν ολα σε 2 ωρες...

aleretou είπε...

Mporei kapoios na dieukrinisi pws mporw na metakinhsw to facebook badge pou fainetai sto plai...panw katw analoga pou thelw na fainetai sthn othoni???

pandelees karagiann είπε...

Για να το πας πάνω-κάτω
(και την μπλε εικονα->facebook, και το μέγεθος του κουτιού προς τα κάτω)
πείραξε το μέγεθος height: 270px ...για να παει πιο κάτω, αύξησε τη τιμή (πχ 370px η 470px)....

Atm24News είπε...

palikati mou kano oles tis diadikasies alla kati tha mou ksefeygh...eno emfanizete stin akri h krifh eikona me to facebook alla otan paei to pontiki ekei anoigh kai einai adio!!!!! axxaxa to efage to pontiki?
se parakalo dose mas ta fots sou

pandelees karagiann είπε...

Δεν εχεις βαλει σωστα τη διευθυνση σου...δοκιμασα να τη παρω για να στη δωσω, αλλα δεν μου "βγαινει"

george benetos είπε...

Καλησπέρα και μπράβο σου γα την δουλειά που κάνεις..!θα ήθελα να σε ρωτήσω εκεί που λες...-ΜΟΝΟ το όνομα της σελίδας σας(στα λατινικά)-...εμένα το όνομα της σελίδας μου την βγάζει για να την αντιγράψω στα Ελληνικά...μπορώ να κάνω κάτι για αυτό??σε ευχαριστώ..!!

pandelees karagiann είπε...

Βαλε το στα ελληνικα, οπως ειναι στο fb...αρκει να ειναι σελιδα {και οχι προφιλ(χρονολογιο)}, και να βαλεις τη διευθυνση σωστα !!!αν δεν το καταφερεις απο την αναρτηση μου, πηγαινε στη πηγη..την εχω σημειωσει !!!

Ανδρέας Καραντζάς είπε...

πως μπορώ να κάνω το ίδιο με το youtube όπως με το facebook βάζεις τον ίδιο κώδικα.