2. Κάντε χρήση ενός "text editor" Μην αντιγράψετε κανέναν κώδικα στου Blogger τον Editor, γιατί είναι πολύ εύκολο να κάνετε κάτι λάθος. Ανοίξτε ένα text editor για να αντιγράψετε οποιονδήποτε κώδικα και που έχετε όλοι στο computer σας. Εάν δεν έχετε ιδέα ποιό να χρησιμοποιήσετε, διαλέξτε απλά το Notepad++. Κάντε (αν δεν το έχετε παρ' όλα αυτά) Download το τελευταίο Notepad++ Installer.exe file. Είναι δωρεάν (free) και θα σας διευκολύνει πολύ στο παραπέρα coding σας. 3. Ανοίξτε το παλιό και το νέο (που βρήκατε) template XML files στον text editor Ανοίξτε τα σε δύο ξεχωριστά παράθυρα στον editor, γιατί θα χρειαστείτε να αντιγράψετε κάποιους κώδικες απο το παλιό σας, και να τους επικολλήσετε στο νέο σας Template. Αυτά τα codes που θα κάνετε copy απο το παλιό και paste στο νέο, είναι βασικά τα codes των widgets. Δεν χρειάζετε να καταλαβαίνετε τι συμβαίνει μέσα στα codes. Το μόνο που χρειάζεται να ξέρετε είναι το, πού βρίσκεται, και για ποιό πράγμα είναι το κάθε widget. 4. Βρειτε πού είναι κρυμένα τα widget codes Κοιτάξτε στην παρακάτω εικόνα. Βλέπετε τα <body> tag? Πατήστε στην εικόνα να την δείτε μεγαλύτερη. Όλοι οι Κώδικες επάνω απο αυτό το tag είναι οι περισσότεροι CSS, δηλαδή, το είδος του κώδικα που κοντρολάρει την εμφάνιση (colors, fonts) ενός Blog. δεν χρειάζεται να κάνετε copy/paste απολύτως τίποτε σε αυτόν τον τομέα. Σας τα δείχνω απλά να μαθαίνετε κάτι περισσότερο, απο όσα ήδη γνωρίζετε. Τα codes (κώδικες) κάτω απο το <body> tag είναι τα κύρια XML codes του blog σας. Βασικά, είναι το κομάτι κώδικα, που κοντρολάρει το layout (το που είναι τα sidebars, τα widgets, και τα headers) κοντρολάροντας επίσης την ροή δεδομένων απο την Blogger στο δικό σας blog. Εδώ είναι λοιπόν το μέρος που πάντα αποθηκεύονται (save) όλα τα codes για όλα σας τα widgets.
Όλα σας λοιπόν τα widgets είναι coded ανάμεσα στα δύο αυτά tag, το <b:widget> και το </b:widget>. Όλα τα <b:widget> tags λοιπόν, πρέπει να είναι πάντοτε, ανάμεσα στο <b:section> και το </b:section> tag. Η δομή τους (structure) μοιάζει κάπως έτσι, όπως στο παρακάτω παράδειγμα, δείτε: 
Το παραπάνω είναι απλά και μόνο, ένα δείγμα, για το πώς μοιάζει ένας κώδικας ενός widget σε ένα template XML file. Το κεντρικό σημείο των widget είναι αναγνωρίσιμο απο τα div id label. Στην περίπτωση αυτή, div id=sidebar-wrapper. Κάτω απο το div id βρίσκεται το b:section tag. Δώστε το σημασία. Όλα τα widgets πρέπει να είναι τοποθετημένα, ανάμεσα σε αυτό το b:section tag. Δεν χρειάζεται να ανησυχείτε, εάν δεν καταλαβαίνετε πολλά απο div ή b:section και σας φαίνονται Κινέζικα. Το σπουδαιότερο tag που χρειάζεται να γνωρίζετε απλά, είναι το b:widget tag. Σημειώστε πως, μπορείτε να βάλετε όσα widgets θέλετε ανάμεσα στα b:section tags. Σας παραθέτω ένα παράδειγμα ενός widget tag, που είναι ενσωματωμένο (embedded) μέσα στο b:section tag. Το εν λόγω σημείο είναι ένα sidebar-wrapper, που σημαίνει πως το widget είναι τοποθετημένο μέσα σε ένα απο τα sidebars του blog. Το widget είναι ένα image widget, όπως μπορείτε και σείς να δείτε απο την ταμπέλα του που γράφει id='Image1'. 
Το σπουδαιότερο απ' όλα, είναι να θυμάστε πάντοτε πως το widget code ξεκινάει πάντοτε με το
5. Ήρθε η ώρα να κάνουμε copy/paste τα widgets στο νέο template file Βρείτε όλα τα widgets που θέλετε να κρατήσετε στο blog σας μετά την εγκατάσταση του νέου σας template. Βρείτε τους κώδικές τους, κάτι που μετά απο όσα σας έδειξα, ελπίζω να κατανοήσατε και να σας είναι πια πανεύκολο να βρείτε, απο το παλιό σας template file. Θυμηθείτε, είναι τα codes ανάμεσα στα 
6. Κάντε Upload το νέο template σαν το νέο σας blog layout Όταν τελειώσετε με την επικόλληση των παλιών widgets σας στο νέο σας template, κάντε upload το νέο template στο blog σας χρησιμοποιώντας το upload button όπως φαίνεται κάτω. 
7. Εάν διστάζετε, δοκιμάστε αυτήν την τεχνική σε ένα test blog πρώτα Εάν δεν είστε σίγουροι και φοβάστε, δοκιμάστε πρώτα τα παραπάνω σε ένα test blog. Δημιουργήστε ένα test blog με κάνα δυό χαζο- posts μέσα (π.χ. lorem ipsum), φτιάξτε μερικά widgets, και μετά δοκιμάστε να αλλάξετε template χρησιμοποιώντας τα παραπάνω βήματα. Δείτε έτσι αν καταφέρετε να το κάνετε να δουλέψει η πάλι κολλάτε. ------------------------------------ Εύκολο ε; Στοιχηματίζω πως, όλοι αυτοί οι συνάδελφοιbloggers που συνεχίζουν να χρησιμοποιούν τα βασικά πρότυπα (basic Blogger templates) το κάνουν γιατί έχουν συγχιστεί αφάνταστα με το να χάνουν κάθε φορά όλα τους τα widgets μόλις εγκαταστήσουν νέα templates. Τώρα πια, δεν έχετε την ανάγκη να κολήσετε στα basic, γνωρίζοντας αυτό το Τρύκ που σας έδειξα, σύν το ότι επιτέλους κάποιοι, μπορείτε να αποκτήσετε το template που πάντοτε θέλατε. Ελπίζω αυτό το "hack" να σας φανεί αρκετά χρήσιμο, σε όλους εσάς που σκέφτεστε να κάνετε κάποιες αλλαγές στο Blog σας μελλοντικά. Πείτε μου τις εντυπώσεις σας, σχολιάζοντας αυτή την ανάρτηση. Εάν κάποιος παρ' όλα αυτά συναντήσει δυσκολίες, παρακαλώ, να το αναφέρει. Νίκος (ΑΑΤΟΝ) 
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
Εδώ μπορείτε να αφήσετε τα σχόλιά σας ή τις ιδέες σας.