Παρασκευή, 16 Νοεμβρίου 2012

Αυτόματα tabs στη blog sidebar (SUPER BLOG HACK)


Βλέπετε πάνω δεξιά που έχω κάτι tabs που έχω βάλει σε αυτα τα popular posts, τις ετικέτες και το αρχείο? Θέλετε να το κάνετε κι εσείς στο blog σας? Είναι αυτόματα tabs! Δείτε παρακάτω πως τα βάζουμε!!!Είναι από τα καλύτερα blog hacks ever!

Ακολουθήστε τα παρακάτω βήματα:

1. Σύνδεση στον blogger λογαριασμό σας
2. Σχεδίαση
3. Επεξεργασία html
4. Επέκταση προτύπων γραφικών στοιχείων 
5. Με ctrl+F βρείτε το </head> και από πάνω του, επικολλήστε το παρακάτω:


7. Αποθήκευση

8. Πατήστε πάλι Επεξεργασία html (αυτη τη φορά μην τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων)

9. Τώρα πρέπει να προσθέσουμε τα Variable definitions για να κάνουμε εφικτές τις αλλαγές χρωμάτων στα tabs.


Βρείτε το σημείο που τελειώνουν τα Variable definitions (βοηθηθείτε από την παραπάνω εικόνα), (πάνω από το σύμβολο */ ) ,αντιγράψτε και επικολλήστε τον παρακάτω κώδικα :

<Variable name="tbbxbgcolor" description="Tab box Background Color"
type="color" default="#f8f8f8" value="#f8f8f8">
<Variable name="tbbxbrcolor" description="Tab box Border Color"
type="color" default="#dcdcdc" value="#dcdcdc">
<Variable name="tbbxcolor1" description="Tab box Color 1"
type="color" default="#ffffff" value="#ffffff">
<Variable name="tbbxcolor2" description="Tab box Color 2"
type="color" default="#5588aa" value="#5588aa">

10. Τώρα βρείτε το <div id='sidebar-wrapper'> και από κάτω του, επικολλήστε το παρακάτω:

<div class='tabber'>
<b:section class='tabbertab' id='tab1' maxwidgets='9'/>
<b:section class='tabbertab' id='tab2' maxwidgets='9'/>
<b:section class='tabbertab' id='tab3' maxwidgets='9'/>
<b:section class='tabbertab' id='tab4' maxwidgets='9'/>
</div>

11. Αποθήκευση

12. Τώρα πατήστε "Στοιχεία Σελίδας" όπου θα δείτε το παρακάτω:


Μετακινήστε όποιο gadget θέλετε στις αντίστοιχες θέσεις.

13. Είστε έτοιμοι!!! (επιτέλους)
14. Φτάσατε μέχρι το 14ο βήμα? Ε τότε αφήστε ένα σχόλιο με τις εντυπώσεις σας!

Πως αλλάζω τα χρώματα?

Από τον Σχεδιαστή Προτύπων>Προηγμένη όπως φαίνεται παρακάτω:


Αυτό το καταπληκτικό blogger hack, νιώθω υποχρεώση να πω, ότι το είχα ζητήσει από τη Σοφία του bloggertrics να το αναρτήσει 'πράγμα που έκανε.

Keep Blogging!
johnpatra

0 σχόλια:

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