Bagaimna cara menampilkan tanggal post (Post Date) blogger di waktu yang sama? Anda tentu pernah memposting beberapa artikel dalam hari yang sama, bukan? Masalahnya blogger secara default akan menampilkan postdate di artikel yang paling terakhir, sehingga posting yang sebelumnya tidak tercantum tanggal posting.
Jika anda ingin menampilkan post date di setiap posting yang dipublish di hari yang sama. Seperti pada blog saya berikut cara memecahkannya. Untuk lebih jelas silahkan lihat gambar di bawah ini.
Lihat, yang diberi tanggal hanya artikel yang paling akhir. Untuk mengatasinya ikuti langkah berikut:
1. Login ke akun blogger anda
2. Klik Design
3. Klik tab Edit HTML
4. Ceklis kotak kecil "Expand Widget Template"
5. Cari kode di bawah ini.
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
6. Hapus kode tersebut kemudian ganti dengan kode dibawah ini.
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
7. Klik Save.
8. Selesai dan hasilnya seperti di bawah ini.
Jika anda ingin menampilkan post date di setiap posting yang dipublish di hari yang sama. Seperti pada blog saya berikut cara memecahkannya. Untuk lebih jelas silahkan lihat gambar di bawah ini.
Lihat, yang diberi tanggal hanya artikel yang paling akhir. Untuk mengatasinya ikuti langkah berikut:
1. Login ke akun blogger anda
2. Klik Design
3. Klik tab Edit HTML
4. Ceklis kotak kecil "Expand Widget Template"
5. Cari kode di bawah ini.
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
6. Hapus kode tersebut kemudian ganti dengan kode dibawah ini.
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
7. Klik Save.
8. Selesai dan hasilnya seperti di bawah ini.
EmoticonEmoticon