Πρώτα απ' όλα, κρατάμε ένα αντίγραφο του προτύπου μας (μήπως κάτι δεν πάει καλά)...μετά βάζουμε τίτλο σε όλα τα widgets-gadgets που έχουμε (αν δεν έχουν ήδη τίτλο) στη Διάταξη – > Στοιχεία Σελίδας - > Προσθήκη gadget –> HTML/JavaScript......αυτό θα μας βοηθήσει να βρούμε πιο εύκολα τα widgets μας στο κώδικα HTML....Αφού βάλουμε τίτλους σε όλα τα widgets, πάμε στο Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Ας πούμε οτι θέλουμε να βρούμε το widget "Recent Posts" ....με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το "Recent Posts" και βρίσκουμε τον κώδικά του.....
Θα βρείτε το κώδικα κάπως έτσι:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
...Τώρα αποφασίστε που θα βάλετε το widget που θέλετε να φαίνεται, δηλαδή σε ποια σελίδα...(αρχική, στατική, σελίδα ανάρτησης, η κάποια συγκεκριμένη σελίδα...) Επίσης μπορείτε να κρύψετε κάποιο widget, να μη φαίνεται δηλαδή σε κάποια συγκεκριμένη σελίδα του blog σας...
Παρακάτω στους κώδικες που σας δείχνω για κάθε συγκεκριμένο κώδικα, προσθέστε τις ροζ φράσεις...
(***Ας πούμε οτι θέλετε να εμφανίζεται το slider που έχετε ψηλά στο blog σας, μόνον στην αρχική σελίδα...διαλέγετε, αυτόν τον κώδικα...)
Δείξτε Το Widget Μόνον στην Αρχική Σελίδα:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
Δείξτε Το Widget Μόνον στις Σελίδες με Αναρτήσεις:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
Δείξτε Το Widget Μόνον στις Στατικές Σελίδες:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
Κρύψτε Το Widget Από τις Στατικές Σελίδες:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
Δείξτε Το Widget Μόνον σε Συγκεκριμένη Σελίδα:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
Κρύψτε Το Widget Από Συγκεκριμένη Σελίδα:
<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
***Φυσικά το δοκίμασα στο Dr-Blogger, πριν σας το παρουσιάσω...(π.χ. το slider ψηλά εμφανίζεται ΜΟΝΟΝ στην αρχική σελίδα)...
***Η πηγή που το μετέφρασα το παρουσιάζει λίγο διαφορετικά, (μου παρουσιάστηκε πρόβλημα στο "κλείσιμο" του </b:if> ), γι αυτό σας παρουσιάζω τη δική μου εκδοχή που πέτυχε στο πρότυπο μου...
***Αν δεν σας πετύχει με τη δική μου εκδοχή, δείτε στη πηγή, απ' όπου το μετέφρασα..
***Οταν τελειώσετε με τη τοποθέτηση του κάθε widget, (αν θέλετε) μπορείτε να σβήσετε πάλι τους τίτλους από τα widgets...(Τίτλους βάλαμε για να τα βρούμε πιο εύκολα στο HTML)
***Ο κώδικας δείχνει αν η κατάσταση είναι true η false:
-Εάν το αποτέλεσμα είναι true, παρουσιάζει και εμφανίζει το widget.
-Εάν το αποτέλεσμα είναι false, προσπερνάει το περιεχόμενο, και κρύβει το widget.
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
Πηγή: http://www.royaltutor.net/2011/06/hideshow-widgetsgadgets-in.html
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}