Αναρτήσεις

Προβολή αναρτήσεων από Αύγουστος, 2017

Πώς θα αλλάξετε το χρώμα των εικονιδίων κοινής χρήσης (share) στα social media

Εικόνα
Θέλετε τον απόλυτο έλεγχο στο blog σας και ποιος μπορεί να σας κατηγορήσει γι' αυτό; Να ένας εύκολος τρόπος να προσαρμόσετε το blog σας στα δικά σας γούστα.  Αλλάζοντας το χρώμα των εικονιδίων διαμοιρασμού (sharing) στα social media που συνοδεύουν κάθε σας ανάρτηση. Σίγουρα θα έχετε παρατηρήσει αυτό το μικρό εικονίδιο δίπλα στις αναρτήσεις σας. Μπορεί να μην είναι εικονίδιο, αλλά ένας σύνδεσμος με το κείμενο "Κοινή χρήση". Το ίδιο κάνει. Αν του κάνετε κλικ, σας βγάζει μια λίστα με τα social media στα οποία μπορείτε να κοινοποιήσετε την ανάρτησή σας. Το χρώμα των εικονιδίων αυτής της λίστας μπορείτε πολύ εύκολα να το αλλάξετε για να ταιριάζει με το θέμα του blog σας ή με τη διάθεσή σας!
Πάμε να δούμε πώς βήμα-βήμα.

1. Θέμα
2. Προσαρμογή


3. Προηγμένη
4. Κοινή χρήση


 5. Φτάσαμε στο ψητό. Στην καρτέλα "Χρώμα εικονιδίων κοινοποίησης", μπορείτε να επιλέξετε όποιο χρώμα σας αρέσει.


6. Δεν ξεχνάμε να κάνουμε "Εφαρμογή στο ιστολόγιο" και όλα έτοιμα.

Όπως βλέπ…

Πώς θα ξεφορτωθείτε την γκρίζα επικάλυψη της εικόνας φόντου στο θέμα "Contempo" του Blogger

Εικόνα
Αν πειραματίζεστε συχνά με το blog σας, τότε σίγουρα θα δοκιμάσατε τα νέα θέματα. Είναι πιο μοντέρνα και πρακτικά για κάθε είδος συσκευής, αλλά φυσικά, δεν γίνεται να είναι τέλεια. Εγώ όπως βλέπετε έχω επιλέξει το "Contempo", αλλά ένα του χαρακτηριστικό που με "χάλασε" από την πρώτη στιγμή ήταν αυτό το γκρίζο ημιδιαφανές στρώμα που τοποθετεί αυτόματα επάνω στην εικόνα φόντου/κεφαλίδας. Θα παρατηρήσετε ότι η εικόνα σας ξαφνικά μοιάζει μουντή και συννεφιασμένη. Αν επιλέξετε μια φωτογραφία με έντονα χρώματα, θα τη "σκοτώσει" επιτόπου.  Γρήγορα - γρήγορα τώρα θα σας δείξω πώς να αφαιρέσετε αυτό το γκρίζο overlay με μια μικροσκοπική γραμμή κώδικα CSS.  Ακολουθήστε τα παρακάτω βήματα και επικολλήστε τον κώδικα που θα βρείτε πιο κάτω. Τόσο απλό.



 Τον κώδικα που βλέπετε στην παραπάνω εικόνα, μπορείτε να το αντιγράψετε από εδώ και να τον επικολλήσετε.


.bg-photo-overlay {background:none;}

Δεν ξεχνάμε φυσικά να κάνουμε "Εφαρμογή στο ιστολόγιο" και όλα έτοι…