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

Floating Facebook Like Box for Blogger !


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Σήμερα θα ασχοληθούμε με ένα αρκετά δημοφιλές social bookmarking widget του facebook. Πρόκειται για ένα απλό facebook like box της σελίδας μας, με τη μόνη διαφορά ότι αυτό "κολλάει" πάνω δεξιά στην οθόνη μας και "ξετυλίγεται" με το άγγιγμα του ποντικιού μας. Λίγο λογοτεχνική η περιγραφή μου, για αυτό δοκιμάστε το, για να καταλάβετε καλύτερα!

ΔΙΑΔΙΚΑΣΙΑ ΠΡΟΣΘΗΚΗΣ

1. σύνδεση στον λογαριασμό σας από blogger.com
2. σχεδίαση> προσθήκη gadget> HTML/JavaScript
3. επικολλήτε τον παρακάτω κώδικα

<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%2FOlympiakos%2F110703838950130&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><span><a href="http://www.bloggertips.gr/2012/09/floating-facebook-like-box-for-blogger.html" target="_blank">Add this!</a></span>
</div></div>

εδώ τώρα μπορείτε να κάνετε πολλές αλλαγές αν διατέθετε στοιχειώδεις γνώσεις της html.. βασικά δεν είναι τόσο θέμα γνώσης όσο να έχετε συλλάβει τη βασική λογική της..

*** απλό facebook like box μπορείτε να βάλετε από το http://developers.facebook.com/docs/reference/plugins/like-box/ ***

λοιπόν ανοίγετε τη σελίδα σας στο facebook.
κοιτάτε στην μπάρα του browser, η url (Uniform Resource Locator ή -ελλ.- Ενιαίος Εντοπιστής Πόρων) να είναι της μορφής http://facebook/pages/όνομα/id

π.χ. http://www.facebook.com/pages/Olympiakos/110703838950130
(θρυλε ολε θρυλε ολε σε βλεπω και τρελαινομαι.....)

και αυτό που έχω μαρκάρει με κόκκινο από πάνω στον κώδικα, το αλλάζετε με τα στοιχεία της δικής σας σελίδας...

4. αποθήκευση και είστε έτοιμοι!

αφήστε το σχόλιό σας αν θέλετε και κάντε αυτό το post "like" στο facebook..
πάντα αν θέλετε...

για να σας φτιάξει τη διάθεση...

Πηγές: http://www.bloggertips.gr/
Copyrights: http://www.bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

13 comments:

O Φουρνιώτης είπε...

Γιαννη Καλησπερα το δικο μου αυτο http://www.facebook.com/fournas τι κανω; αδερφε;

louie είπε...

Geia sou file!
epitelous girises!!
sou euxomai kales nees dimosieuseis!!!
elpizo oi nees sou anartisis na einai polu xrisimes opos oi palies!

bloggertips.gr είπε...

@ O Φουρνιώτης, προβληματιστηκα και εγω με αυτο αρκετα μεχρι που διαπιστωσα οτι αυτο δεν ειναι σελιδα. οι σελιδες στο fb εχουν την url οπως αυτη που εδειξα πανω. αυτο που λες εσυ ειναι προφιλ. μπες στο http://developers.facebook.com/docs/reference/plugins/like-box/ και φτιαξε απο εκει σελιδα

επειδη απειχα πολυ καιρο δεν ειμαι και σιγουρος για αυτο.

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

Για ποιο πραγμα δεν εισαι σιγουρος φιλε?

θΑ ΚΑΝΕΙΣ ΑΝΑΡΤΗΣΕΙΣ ΣΥΝΕΧΩΣ ΤΩΡΑ?

nikos είπε...

ι γοογλε+ μου δύνη ένα κωδικό για να συνδέσω το βλογ με το γοογλε+ να το προσθετό στο ητμλ το έβαλα αλλά λέει λάθος τι να κανό ?????

http://teknikceramicadesign.blogspot.gr/

κει καλές ανάρτησες....
ευχαριστώ ''''

bloggertips.gr είπε...

@ ανωνυμε τι κοπτεσαι αν θα κανω αναρτησεις? οπως μου βγει, δεν με αναγκαζει κανενας.. αλλα αν δεν εχεις ακουμπησει pc για 10-12 μηνες, ειναι δυσκολο να ξαναρχισεις στον ιδιο ρυθμο με πριν, ποσο μαλλον σε ενα blog με 700 επισκεπτες την ημερα...

@nikos δεν ξερω απο google+, αλλα οπως μου τα λες ολα καλα τα εκανες, δεν καταλαβα τι ηθελες να εμφανισει..

ΜΑΡΙΟΣ ΙΩΑΝΝΟΥ είπε...

file geia sou. ego thelo na valo ena group tou facebook pou exo. ti na valo sto url gia na mou to kanei?

stoixima είπε...

oraies kai xrisimes kai oi 2 anarthseis sou gianni!! an kai twra pia to exw psiloparatisei to blogger. :/
otan eleipes ena diastima egrafe kales anartiseis o secras giati de grafete mazi??
eyxaristoyme kai pali!

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

paidia thelw na allaxw to eikonidio! auto me ta entona maura grammata! to exw ftiaxei opws thelw se morfi .png alla den xerw pws na to valw! prepei na to anevasw kapou logika?

Den Spxalk είπε...

Eyxaristoume na se kala!!Kai ena megalo bravo sta paidia gia to site!!

Σταύρος Βήττας είπε...

file egw to ekana kai moy evgale selidatoy olympiakoy..oxi thn dikia moy

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

Γεια σας, αυτό που λέει ο Φουρνιώτης ισχύει, και στη δική μου σελίδα έτσι είναι. Το έκανα στην αρχή και μου έβγαζε μεν το αναδυόμενο παράθυρο αλλά χωρίς τίποτα άλλο. Άργησα λίγο αλλά το βρήκα, αντιγράφεις όπου olympiakos το δικό σου και αν πατήσεις στο facebook "επεξεργασία σελίδας" και μετά "ενημέρωση πληροφοριών σελίδας" σου δίνει "Αναγνωριστικό Σελίδας Facebook" και όπου 110703838950130 στο παράδειγμα επάνω, εσύ κάνεις paste το δικό σου. Λίγο αργά, αλλά ελπίζω αν το δει κάποιος άλλος να βοηθάει.

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

Τι θα πρέπει να αλλάξει στο κώδικα για να ισχύει και για κοινότητα του fb? .Ευχαριστώ

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

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

ΟΧΙ 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 *