photto

Εμφάνιση αναρτήσεων με ετικέτα photos. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα photos. Εμφάνιση όλων των αναρτήσεων

Λάθος εικόνα οταν δημοσιεύω την ανάρτησή μου στο facebook

Πολλά μηνύματα που μου στέλνουν φίλοι bloggers, έχουν να κάνουν με το εικονίδιο της ανάρτησης που δημοσιεύουν στο facebook...Σχεδόν όλα τα blogs έχουν αυτό το πρόβλημα, και οι φωτογραφίες των αναρτήσεων που δημοσιεύουν στο facebook δείχνουν "ότι νάναι" σε σχέση με την ανάρτηση....Πάντως πρέπει να ξεκαθαρίσω οτι δεν φταίει τόσο ο blogger, όσο το facebook !!!
Και αυτό συμβαίνει διότι το facebook δίνει συγκεκριμένες προδιαγραφές στις εικόνες που θα δημοσιεύσουμε σε μια ανάρτηση...Ας πούμε το μέγεθος της εικόνας !!!Συν το γεγονός οτι προσθέτουμε στο blog μας πολλά apps (share buttons) του facebook...Ψάχνοντας στο google βρήκα διάφορες λύσεις που ίσως βοηθήσουν να αντιμετωπιστεί ένα μέρος του προβλήματος....

Λύση 1η :  Προσθέτουμε ΚΑΤΩ από το <head> τις εξης φράσεις:

<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
(προσοχή: για να λειτουργήσει ο κώδικας πρέπει να περιμένετε γύρω στις 3-4 ημέρες)

Λύση 2η: Ψάχνουμε να βρούμε τα συγκεκριμένα μεγέθη εικόνων που δέχεται το facebook στις αναρτήσεις μας....Συνήθως είναι 500px  η έστω μεγαλύτερη των 200Χ200px !!! Και πάντα τετράγωνες...
Στη σελίδα των developers υπάρχουν πολλά εργαλεία για καλύτερη λειτουργία των προσθέτων, αλλά και της σύνδεσης του blog μας με το facebook...H οποία είναι αυτή...
https://developers.facebook.com/docs/plugins/follow-button

Λύση 3η: Χρησιμοποιείτε εικόνες τύπου png, και όχι jpg ( tip: οι εικόνες τύπου png είναι και πιο φιλικές στις μηχανές αναζήτησης  +  οτι τα ρομπότ δεν γνωρίζουν εικόνες, άρα πρέπει να βάζουμε στις εικόνες μας alt tag παράδειγμα=> title="Keyword"  alt="Keyword" ) ...Χρησιμοποιείτε πάντα μία (τουλάχιστον) εικόνα στην ανάρτησή σας (το FB τη θέλει τετράγωνη, για να τη μικρύνει στο εικονίδιο που θα μπεί στο share της ανάρτησης)...

Βοηθητικό tip: Η αρχική εικόνα να είναι png (στην εισαγωγή μέχρι το readmore ) και οι υπόλοιπες εικόνες ας είναι jpg...

H καλύτερη πρόχειρη λύση, που χρησιμοποιώ εγώ :
Οταν τελειώσετε την ανάρτησή σας, ανοίξτε τη να τη δείτε ολόκληρη...κάνετε copy-paste τη διεύθυνση url της ανάρτησης στη σελίδα σας στο FB...τότε σας δίνει τη δυνατότητα να διαλέξετε μια εικόνα από τον υπολογιστή σας (και να αλλάξετε την λάθος εικόνα που μπορεί να έχει παρουσιαστεί)...διαλέξτε λοιπόν την εικόνα που έχετε βάλει στην ανάρτηση, και θα φαίνεται πια η κατάλληλη εικόνα !!!!
Λάθος εικόνα !!! Πατήστε το : "ανεβάστε εικόνα" και δείτε από κάτω το αποτέλεσμα

Ετσι η ανάρτηση και η εικόνα "δέσανε" όπως πρέπει !!!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
(Εγγραφείτε για να λαμβάνετε όλες τις νέες αναρτήσεις μας στο email σας!)

Image zoom in code


ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΠΑΡΑΛΙΑ ΑΚΟΛΗΣ (ΑΒΥΘΟΣ)

Νέοι bloggers γεια σας !!! Σήμερα θα παρουσιάσω, όσο πιο απλά μπορώ, τον κώδικα-script για τις  φωτογραφίες που είδατε στη προηγούμενη ανάρτηση ! Αυτό οφείλεται στον  Professor Cloud, που είναι ο Τσακ Νόρις του zoom in. Αυτό το zoom in διαφέρει από τα άλλα, γιατί "ζουμάρει" μέσα στην ίδια την εικόνα....


Mπαίνουμε στο blogger =&gt; Επεξεργασία HTML και βρίσκουμε τη φράση:
    </head>
και ΠΡΙΝ / ΕΠΑΝΩ από τη φράση αυτή επικολλάμε τον παρακάτω κώδικα:


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>

Τώρα κάθε φορά που ανεβάζετε στο blog σας μια φωτογραφία (μεγάλης ανάλυσης), θα προσθέτετε αυτόν τον κώδικα:

class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2"

δηλαδή ο κώδικας της φωτογραφίας θα γίνει έτσι :

<a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ"><img src="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ"/></a>


...αν την έχετε ανεβάσει κατ' ευθείαν στο blogger, θα δείχνει κάπως έτσι :



<div class="separator" style="clear: both; text-align: center;">
<a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ" imageanchor="1" =><img border="0" height="409" src="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ" width="640" /></a></div>


***Μη ξεχάσετε να βάλετε τη διεύθυνση της εικόνας σας στα μπλε γράμματα...

ΕΑΝ Ο ΠΕΡΙΗΓΗΤΗΣ ΣΑΣ ΕΙΝΑΙ Ο INTERNET EXPLORER 
ΔΕΝ ΘΑ ΜΠΟΡΕΣΕΤΕ ΝΑ ΔΕΙΤΕ ΑΥΤΟ ΤΟ ΥΠΕΡΟΧΟ ZOOM IN 
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΠΗΓΗ : www.spiceupyourblog.com/

Image zoom


ΕΑΝ Ο ΠΕΡΙΗΓΗΤΗΣ ΣΑΣ ΕΙΝΑΙ Ο INTERNET EXPLORER 
ΔΕΝ ΘΑ ΜΠΟΡΕΣΕΤΕ ΝΑ ΔΕΙΤΕ ΑΥΤΟ ΤΟ ΥΠΕΡΟΧΟ ZOOM IN 


ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ
ΠΑΝΟΡΑΜΙΚΗ, ΑΠΟ ΤΟ ΛΙΜΑΝΙ ΑΙΓΙΟΥ


ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

Ο ΣΤΑΘΜΟΣ ΤΡΕΝΟΥ



ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ 
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΠΑΡΑΛΙΑ ΣΕΛΙΑΝΙΤΙΚΩΝ-ΛΟΓΓΟΥ



ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΠΑΡΑΛΙΑ ΑΚΟΛΗΣ (ΑΒΥΘΟΣ)



ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΒΑΓΟΝΙ ΣΤΟ ΣΤΑΘΜΟ ΤΟΥ ΤΡΕΝΟΥ



ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ 
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΛΙΜΑΝΙ ΤΟΥ ΑΙΓΙΟΥ
(ΟΙ ΦΩΤΟΓΡΑΦΙΕΣ ΔΕΝ ΤΡΑΒΗΧΤΗΚΑΝ ΑΠΟ ΕΜΕΝΑ, ΕΤΣΙ ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ ΑΥΤΟΥΣ 
ΠΟΥ ΤΙΣ "ΑΝΕΒΑΣΑΝ" ΚΑΙ ΜΠΟΡΕΣΑ ΚΑΙ ΤΙΣ ΠΑΡΟΥΣΙΑΣΑ)