Datum/Labels/Uhrzeit/Kommentare unter Posttitel

24. September 2015 · · Written by · 0 COMMENTS
Heute möchte ich euch zeigen, wie ihr euer Datum oder auch die Labels, Uhrzeit und die Kommentare unter den Posttitel verschieben könnt. Dies könnte dann beispielsweise wie bei mir aussehen:

Datum/Labels/Uhrzeit/Kommentare unter Posttitel

23. SEPTEMBER 2015 · · WRITTEN BY · 1 COMMENT

Schritt 1: Wählt im Menü Vorlage aus und öffnet mit HTML bearbeiten das Fenster, in dem wir arbeiten möchten.

Schritt 2: Sucht in eurem HTML-Code nach h3 oder auch nach post-title, bis ihr zu diesem oder einem ähnlichen Abschnitt gelangt:
            <b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <data:post.title/>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <data:post.title/>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>


Schritt 3: Unter diesem Abschnitt fügt ihr nun wahlweise den Code für das Datum, die Labels, die Uhrzeit oder die Kommentare ein,
<!-- Datum -->
<b:if cond='data:post.dateHeader'>
<h5 class='date-header'><span><data:post.dateHeader/> &#183;
 <!-- Labels -->
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>  &#183;
  <!-- Autor -->

Eingestellt von
 <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>  &#183;
  <!-- Zeit -->
 <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span> 
  <!-- Kommentare -->

<b:if cond='data:post.allowComments'>
<a class='commi' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Kommentare<b:else/><data:post.numComments/> Kommentare</b:if></a></b:if>
</span></h5>
</b:if>

Schritt 4: Da nun beispielsweise euer Datum doppelt erscheinen wird sucht ihr im gesamten HTML-Code genau nach den Teilen, die ihr eingefügt habt. Diese müssten ja auch noch einmal woanders auftauschen. Ihr löscht nun z.B. für das Datum folgendes an anderer Stelle heraus:
<b:if cond='data:post.dateHeader'>
<h5 class='date-header'><span><data:post.dateHeader/> &#183;
Genauso könnt ihr nun auch mit Labels, Datum, Uhrzeit und Kommentaren vorgehen.

Schritt 5: Um das Ganze schöner zu gestalren, könnt ihr nun noch Farbe Schriftarten usw. im CSS-Bereich gestalten. Außerdem ist es möglich zwischen den einzelnen Kategorien Symbole einzufügen. Dies könnt ihr dann einfach mit dem passendem Code (Siehe hier) zwischen den einzelnen Kategorien (beispielsweise zwischen Datum und Uhrzeit) einfügen.

Weiße/Farbige Youtubeleiste

23. September 2015 · · Written by · 0 COMMENTS
Hier findest du eine Anleitung zum Thema Musik in den Blog einbinden. Ich erkläre dir in wenigen Schritten, wie du die Musik der Internetseite "Youtube" als schmale Leiste in deinen Post einbetten kannst. Die Farbe und Breite der Musikleiste kannst du sogar deinen Wünschen anpassen. Ein Beispiel dafür findest du hier ebenfalls. Ich hoffe, das Tutorial gefällt dir und du gibst mir ein kleines Feedback.

Der Grundlage einer eingebunden Youtubeleiste ist folgender  HTML-Teil:

<object height="25" name="allowFullScreen" value="true" width="750"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/CODE?version=2&amp;hl?&amp;fs=1&amp;&amp;loop=1&amp;color1=0xffffff&amp;color2=0xffffff?rel=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="750" height="25"></embed></object>



Diesen Code könnte ihr dann in ein Gadget, in einen Post oder in eine Seite einfügen. Folgendes müsst ihr dann ändern:

Height (Höhe):
Um eine Leiste zu bekommen wählt am besten 25

width (Breite): Am besten wählt ihr die Breite eures Postbereichs oder eurer Sidebar, usw...

ffffff: Hier könnt ihr die Farbe der Leiste ändern. Farbcodes findet ihr zum Beispiel hier

Code: Das Wort "Code" müsst ihr durch die ID des Videos ersetzen. Das sind folgende Buchstaben am Ende des Links eures        Wunschvideos:  http://www.youtube.com/watch?v=H9GCZx4k8b8

Beispiel: