5202

ein Blog über technische Fragen zu Blogger

Pong Myri

von

Dieser tolle Post von Myriam Kreatif soll der Ping sein ... von mir jetzt ein Pong dazu!

Zur Erinnerung: Myri hat zwischen 2. und 3. Post mit jQuery ein HTML-Element eingefügt - in Blogger geht das auch mit konditionalen Tags, ohne Javascript!

Das grüne Alert in der Demo wird zwischen 2. und 3. Post angezeigt - no Javascript!

Blogger: removing “/p/” and “.html” from page URL

von

Update! Im Seiten-Gadget funktionieren jetzt externe und interne Links auf nicht-statische-Seiten!

Seit Blogger 2009 die statischen Seiten eingeführt hat, finden viel Nutzer die Seiten-URL mit dem obligatorischen “/p/” zwischendrin und “.html” am Ende hässlich. Ich bin sogar der Meinung, dass die Wahrnehmung von Blogger als ‘unprofessionell’ a bisserl was mit dieser URL Struktur zu tun hat. Von WP ist man reine, klare Links gewohnt und das ist Standard und wer das nicht hat, is bucklig und doof :).

Auf jeden Fall verfolgt mich seit Jahren die Frage, ob man ein Seiten-URL nicht auch ohne dieses “/p/” und “.html” schreiben kann.

Was soll ich sagen, es geht! Ihr könnt mit a bisserl Ajax und der coolen HTML5 API praktisch beliebige URLs schreiben. Testet das in der Demo:

Klickt im Seiten Gadget auf die Links und öffnet damit die Seiten - schaut euch die URL im Browser an - verlinkt auf eine ‚reine‘ URL - geht in der Browser-History vor und zurück. All das funktioniert ‚normal‘ und wie ihr es gewohnt seid. Für Asbach-Uralt Browser gibt es einen Fallback, in der sich die Seiten ‚klassisch‘ in der Form /p/foo.html öffnen.

Blogger: Globally conditional data tags for all page types

von

Ich habe mir die Mühe gemacht, alle konditionalen Tags für die verschiedenen Seite-Typen in Blogger zusammenzufassen. Das gibt's auch anderswo im Netz - nur ist das entweder veraltet oder unvollständig.

Ihr findet in diesem Gist die konditionellen Tags für die index_page[= Übersichtsseite}, item_page [Postseite], archiv_page, label_page, search_page, error_page und static_page.

Was neu ist und was es noch nirgendwo gibt, wie ihr eine spezifische statische Seite in allgemeiner Form ansprechen könnt:


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/foo.html"'> 
  <!-- a specific static page with name 'foo' -->
</b:if>

Das ist ein konditionaler Tag für eine statische Seite mit dem Seitennamen 'foo' und das Äquivalent zur canonischen URL www.euerBlog.blogspot.com/p/foo.html. Ihr müsst beachten, dass Seitennamen case-sensitiv sind, d.h. foo =! Foo.

Ich habe außerdem die logischen Verknüpfungen AND, OR & NOT mit konditionellen Tags beschrieben.


#AND
 
<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>
    <!--search_page AND index_page-->
  </b:if>
</b:if>
 
 
#OR
 
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl   &quot;p/foo.html&quot;'> 
  <!-- static_site foo OR static_site bar -->
      <b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl   &quot;p/bar.html&quot;'> 
  <!-- static_site foo OR static_site bar -->
   </b:if>
</b:if>
 
 
#NOT
 
<b:if cond='data:blog.pageType != "index"'>
  <!-- all pages NOT index pages -->
</b:if>
 
<b:if cond='data:blog.url != data:blog.homepageUrl'> 
  <!-- all pages NOT homepage -->
</b:if>

Diese konditionalen Tags solltet ihr immer dann anwenden, wenn ihr ein HTML-Element beziehungsweise Markup zB. auf der Startseite wollt und auf der Postseite nicht. Ihr solltet es _nicht_ dazu nehmen, um diese Elemente zu gestalten. Dazu gibt es CSS und die Klassen .index, .item, .static_page, .error_page ...

Ich gebe es zu, ich habe das hauptsächlich geschrieben, weil ich selber diese Tags immer wieder brauche und die einfach mal übersichtlich auf einen Haufen wollte. Sie sind höchst nützlich und ihr braucht sie für jeden Umbau im eigenen Layout!

Blogger: Gelöschte Seite wiederherstellen

von

In Blogger besitzt jede statische Seite einen eindeutigen Namen - ihr könnt Beispielsweise nur eine Seite 'Kontakt' nennen. Falls ihr diese Seite löscht, bleibt der Name 'Kontakt' trotzdem gesperrt. Das liegt daran, dass Blogger eine 'gelöschte' Seite nicht wirklich löscht, sondern lediglich nicht mehr angezeigt.

Editor-Link

Aus diesem Umstand - keine 'gelöschte' Seite wird wirklich gelöscht - folgt, dass ihr jede statische Seite in Blogger - egal ob gelöscht oder vorhanden - immer über ihren Editor-Link anzeigen könnt. Die allgemeine Form dieses Links schaut so aus:


https://www.blogger.com/blogger.g?blogID=eureblogID#editor/target=page;pageID=eurepageID

Das Problem ist nun die pageID - im Regelfall besitzt ihr sie für eine gelöschte Seite nicht. Wie kommt ihr daran?

pageID

Es gibt zwei Möglichkeiten - zum einen euer eigener Browser. Dieser hat einen Verlauf und kann durchsucht werden. Wenn ihr etwa 'Kontakt' und 'Blogger' sucht, ist die Wahrscheinlich hoch, dass ihr einen Editor-Link mit pageID findet. Klickt diesen Link an und eure gelöschte statische Seite ist zurück im Editor.

Die zweite Möglichkeit ist, dass ihr eure Seite im Google Cache findet. Sucht nach eurer Seite bei Google und wenn ihr sie findet, seht ihr euch mit Rechtsklick 'Element untersuchen' den Quelltext an. Mit der Taste STRG und F durchsucht ihr diesen Quelltext nach pageID [und blogID]. Ihr tragt sie oben in die allgemeine Form ein .. ruft den Link auf und habt eure Seite wieder im Blogger Editor.

.... uuuh ist das kompliziert ...

Falls euch das alles zu kompliziert ist, dann hinterlasst mir in den Kommentaren ein Link auf eure Seite im Google Cache und ich gebe euch den Editor-Link zurück. Ist keine große Mühe.

Regen & Wald

von

Ich habe eine spannende WP-Demo gesehen - ein verregnetes 'Fenster' mit Blick auf ein Waldstück als Vordergrund und im Hintergrund der Text.

Ich habe mich gefragt, ob so etwas auch auf Blogger zum laufen bekommen ist ... es ist :D

Das ist nur eine Demo mit einem Nachmittag Arbeit dahinter - erwartet also keine Performance-Wunder. Die Demo läuft nur auf dem Desktop und da am besten in Chrome und Firefox. Viel Spaß!