Menampilkan Tanggal Posting di Hari yang Sama



Bagaimana cara menampilkan tanggal postingan di hari yang sama, artinya sebanyak apapun artikel yang kamu posting dalam hari itu, maka tiap-tiap postingan pasti tercantum tanggal di atas judul postingnya.
  • Login ke akun Blogger Anda terlebih dahulu
  • Silakan masuk ke Rancangan > Edit HTML > jangan lupa untuk centang "Expand Widget Template"
  • Carilah kode seperti di bawah ini, gunakan Ctrl+F untuk memudahkan pencarian
<b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if>
  • Lalu, ganti kode html di atas, dengan kode di bawah ini
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script> <h2 class='date-header'><data:post.dateHeader/></h2> <b:else/> <h2 class='date-header'> <script>document.write(ultimaFecha);</script> </h2> </b:if>
  • Sudah selesai, lalu simpan dan lihat hasilnya.
Untuk Template Modifikasi Disebut template modifikasi karena memang Anda tidak menggunakan kode template default bawaan Blogger melainkan merancang sendiri kode html untuk template Anda, perubahan kode html disetiap sisi, membuat penulis berpikir cukup memberikan clue alias petunjuk untuk kode apa yang perlu disisipkan di template Anda.
  • Sisipkan baris kode berikut diposisi dimana tanggal posting muncul di blog Anda
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script> <script>document.write(ultimaFecha);</script> 

  Contohnya seperti ini
<div class='date'> <p><span class='time'> <script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script> <script>document.write(ultimaFecha);</script> </span> <span class='author'> Oleh <data:post.author/></span> </p> </div> 

  atau seperti ini (template yg di blog ane)

 <div class='postdate' style='width:100%;margin-bottom:0px;position:relative;'> <script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script> <script>document.write(ultimaFecha);</script> <b:if cond='data:top.showTimestamp'><img src='http://3.bp.blogspot.com/-OLOyknjcuag/TdetB9UqsvI/AAAAAAAAGrs/mz21C7KPlxg/s1600/date.png'/> <data:post.timestamp/>
Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !