PageList2

PageList1

Cookie-Hinweis Smartphone

02.08.2014

Gadget nur zusammen mit bestimmter Seite oder bestimmtem Post anzeigen

Will man ein Gadget nur dann anzeigen lassen, wenn eine bestimmte Seite oder ein bestimmter Post geöffnet ist, kann man das per CSS realisieren.

Dazu muss man das Gadget unter Layout hinzufügen, die ID des Gadget im Quelltext ausfindig machen und das Gadget im Vorlagendesigner mit einem Kommando unter CSS hinzufügen allgemein ausblenden, aber mit einem Kommando im HTML der gewünschten Seite bzw. des gewünschten Post verfügen, dass es angezeigt werden soll.

Dadurch, dass das Kommando auf der Seite bzw. in dem Post Vorrang hat, aber nur geladen wird, wenn die Seite bzw. der Post geöffnet ist, wird das Gadget nur dann angezeigt, wenn diese spezielle Seite bzw. dieser spezielle Post geöffnet ist.


Am Beispiel des Image-Gadget mit der ID "Image1", nenne ich folgend die Codes, die man dafür braucht. Statt Image1 muss man da die ID des Gadget eintragen, für das man selbst das verfügen will. Das Doppelkreuz davor braucht man für jede ID.

Eintrag unter CSS hinzufügen:


Unter Vorlage > Anpassen > Erweitert > CSS hinzufügen eintragen:

/* Gadget mit ID "Image1" ausgeblendet */
#Image1 {
display:none;
}

Eintrag auf der Seite bzw. in dem Post:


Im HTML-Modus des Blogger-Editors unter dem Inhalt der Seite bzw. des Post eintragen:

<style>
/* Gadget mit ID "Image1" eingeblendet, wenn die hiesige Seite bzw. der hiesige Post geöffnet ist */
#Image1 {
display:block;
}
</style>
Im Post zusätzlich Jump-Break setzen
Hat man das nicht für eine Seite, sondern für einen Post verfügt, muss man außerdem einen Jump-Break im oberen Bereich des Post setzen, damit das CSS-Kommando im Post erst aufgerufen wird, wenn der Post einzeln geöffnet ist. Ansonsten würde das Gadget auch auf der Startseite und auf Labelseiten und bei Suchergebnissen, die über das Suchfeld der Navbar zustande gekommen sind, angezeigt.

Link zu einem Beispiel

Im folgenden Beispiel lasse ich auf diese Weise zwei Image-Gadgets und ein Blog-Liste-Gadget nur auf der Seite "Externes" anzeigen:

Gadget-ID im Quelltext finden



Ute Ziemes, sg.utez.de,

0 Kommentare:

Kommentar posten