• img
Home » Blogger Tutorial » CSS » Membuat Tanggal di Bawah Judul Postingan

Membuat Tanggal di Bawah Judul Postingan

blog sauted | Sabtu, 18 Februari 2012 | 16:34

Tulisan ini tidak bermaksud menggurui anda tentang css membuat tanggal di bawah judul postingan, saya buat disini tak ada maksud lain, selain hanya mengabadikannya di blog saya, karena berulang kali saya melakukan perubahan pada themes berulang kali pula saya harus mencari tutorial memindahkan tanggal di bawah postingan blogspot.

Kemarin saya menggunakan themes blogspot default dari blogger.com, dan hari ini saya ubah code-code themes lama blogspot agar sesuai selera saya, dan sampai pada titik saya ingin memindahkan tanggal postingan agar berada di bawah judul post.

Bagaimana cara memindahkan tanggal postingan di bawah judul, blog pertama yang memberikan saya solusinya adalah fabrie.blogspot.com, fabrie menuliskan dalam blognya untuk mengubah posisi tanggal di bawah judul postingan seperti ini:

Masuk ke Tata Letak - Edit HTML - Centang EXPAND WIDGET TEMPLATES

Dan cari code berikut:

<b:if cond='data:post.dateHeader'>
     <h2 class='date-header'><data:post.dateHeader/></h2>
 </b:if>

Kemudian paste di bagian akhir code berikut, tepatnya sesudah code </b:if> yang terakhir:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

Code akhirnya kira - kira begini,

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
<b:if cond='data:post.dateHeader'>
     <h2 class='date-header'><data:post.dateHeader/></h2>
 </b:if>

Simpan Template, Selesai
Source: www.anakmedan.info

Saat ini SAHABAT berada di area blog sauted dengan artikel Membuat Tanggal di Bawah Judul Postingan.