Πως μεγαλώνουμε τις φωτογραφίες του blog στην προβολή από κινητό

Σήμερα έχουμε ένα θέμα που αφορά τον blogger και την προβολή από κινητό που μας βασανίζει αρκετά. Θα κάνουμε μια μικρή αλλά σημαντική αλλαγή στο template ώστε να εμφανίζονται πιο μεγάλες οι φωτογραφίες της αρχικής σελίδας.

Το Blogger έχει ένα ενσωματωμένο κινητό πρότυπο. Είναι ενεργοποιημένο από προεπιλογή, αλλά εάν το έχετε απενεργοποιήσει, είναι εύκολο να το ενεργοποιήσετε ξανά. Πηγαίνετε στο πρότυπο και κάντε κλικ στο εικονίδιο με το γρανάζι κάτω από το Κινητό. Πατήστε το κουμπί "Ναι. Εμφάνιση πρότυπων για κινητά σε κινητές συσκευές" και στη συνέχεια πατήστε το πορτοκαλί κουμπί Αποθήκευση. Το πρότυπο για κινητά του Blogger ρυθμίζει αυτόματα τις δημοσιεύσεις ανά σελίδα στις 4, εμφανίζει στον τίτλο μια μικρογραφία της πρώτης εικόνας και τις πρώτες φράσεις από το κείμενο σας.

Ξεκινάμε φυσικά με το απαραίτητο backup του template μας, την διαδικασία του οποίου θα βρείτε εδώ. Για να κάνουμε λοιπόν αλλαγή στο μέγεθος της μικρογραφίας θα κάνουμε edit το html και αφού βρούμε το < /head> (χωρίς το κενό μετά το <), κάνουμε paste τον παρακάτω κώδικα (που βρήκα από εδώ) ακριβώς από πάνω.



Αποθηκεύουμε και είμαστε έτοιμοι. Το blog σας πρέπει να δείχνει όπως στην παραπάνω φωτογραφία του Κυριακή στο σπίτι. Αν θέλετε να τεστάρετε το πόσο mobile friendly είναι το blog σας διαβάστε εδώ. Αν σας άρεσε το tutorial και θέλετε και άλλα για να βελτιώσετε την εμφάνιση του blog σας, ρίξτε μια ματιά εδώ!


Καλή εβδομάδα!