Cara Mengganti Format Tanggal Popular Post Median UI 1.7

Tugasiswa.com - Format tangal pada Popular Post Median UI 1.7 adalah "MMM d" atau kalau kita terjemahkan "Bulan Tanggal" contohnya "Okt 21". Bagi sebagian orang format tanggal seperti ini rasanya kurang lengkap karena tidak ada keterangan Tahun. Selain itu susunannya bukan susunan Indonesia (Bulan dan Tanggal), dimana Indonesia menggunakan susunan Tanggal, Bulan, dan Tahun.

Dengan kata lain, tutorial kali ini saya akan mengubah bentuk tanggal Popular Post Median UI v1.7 dari "Okt 21" menjadi "21 Okt 2023"

Pengetahuan Umum

Sebelum masuk ke tutorialnya, ada beberapa bentuk kode tangga; yang wajib kalian ketahui dan ingat sampai kapanpun, karena kode ini akan selalu ditemukan dan dipakai saat mengedit kode HTML Blog / Website.

• d = day / tanggal, misal: 2
  dd = day / tanggal, misal: 02
  
  
• M = month / bulan, misal: 9
  MM = month / bulan, misal: 09
  MMM = month / bulan, misal: Sep
  MMMM = month / bulan, misal: September
  
  
• Y = year / tahun
  YY = year / tahun, misal: 5
  YYY = year / tahun, misal: 05
  YYYY = year / tahun, misal: 2005

Kode di atas bisa kita acak posisinya dan bisa ditambah tanda baca seperti koma di tengahnya, contohnya:

Versi Lengkap

1. dd MMMM YYYY : 03 September 2023
2. MMMM dd, YYYY: September 03, 2023
3. YYYY MMMM dd: 2023 September 03

Versi Sedang

1. dd MMM YYY : 03 Sep 23
2. MMM dd, YYY: Sep 03, 23
3. YYY MMM dd: 23 Sep 03

Versi Singkat

1. d/MM/YYY : 3/09/23
2. MM/d/YYY: 09/3/23
3. YYY/MMM/d: 23/09/3

Versi Sangat Singkat

1. d-M-YYY : 3-9-23
2. M-d-YYY: 9-3-23
3. YYY-M-d: 23-9-3

Cara Ganti Format Tanggal

Berikut adalah cara mengganti format tanggal yang ada di Popular Post (Postingan Yang Banyak Dibaca):

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML

   
   
   
5. Lalu cari kode
   

   <b:comment>Custom format</b:comment>

6. Kamu akan menemukan kode seperti ini
   

                 <b:comment>Custom format</b:comment>

                 <b:attr cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Custom&quot;' expr:value='data:post.date' name='data-text'/>

                 

                 <b:else/>

                 <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update&quot; or data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update and timeAgo&quot;'>

                   <b:attr expr:value='format(data:post.lastUpdated, &quot;MMM d&quot;)' name='data-text'/>

                   <b:attr expr:value='&quot;Updated on: &quot; + data:post.lastUpdated format &quot;MMMM d, YYYY&quot;' name='title'/>

                   <b:attr expr:value='data:post.lastUpdated.iso8601' name='datetime'/>

                   <b:else/>

                   <b:attr expr:value='format(data:post.date, &quot;MMM d&quot;)' name='data-text'/>

                 </b:if>

               </b:if>
7. Untuk mengubahnya jadi format tanggal versi Indonesia, ubah jadi seperti ini
   

                 <b:comment>Custom format</b:comment>

                 <b:attr cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Custom&quot;' expr:value='data:post.date' name='data-text'/>

                 

                 <b:else/>

                 <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update&quot; or data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update and timeAgo&quot;'>

                   <b:attr expr:value='format(data:post.lastUpdated, &quot;d MMM YYY&quot;)' name='data-text'/>

                   <b:attr expr:value='&quot;Updated on: &quot; + data:post.lastUpdated format &quot;d MMM YYY&quot;' name='title'/>

                   <b:attr expr:value='data:post.lastUpdated.iso8601' name='datetime'/>

                   <b:else/>

                   <b:attr expr:value='format(data:post.date, &quot;d MMM YYY&quot;)' name='data-text'/>

                 </b:if>

               </b:if>
8. Untuk menambahkan icon jam, ubah seperti ini
   

                 <b:comment>Custom format</b:comment>

                 <b:attr cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Custom&quot;' expr:value='data:post.date' name='data-text'/>

                 

                 <b:else/>

                 <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update&quot; or data:widgets.Blog.first.allBylineItems.timestamp.label == &quot;Update and timeAgo&quot;'>

                   <b:attr expr:value='format(data:post.lastUpdated, &quot;🕒 d MMM YYY&quot;)' name='data-text'/>

                   <b:attr expr:value='&quot;Updated on: &quot; + data:post.lastUpdated format &quot;🕒 d MMM YYY&quot;' name='title'/>

                   <b:attr expr:value='data:post.lastUpdated.iso8601' name='datetime'/>

                   <b:else/>

                   <b:attr expr:value='format(data:post.date, &quot;🕒 d MMM YYY&quot;)' name='data-text'/>

                 </b:if>

               </b:if>
9. Simpan Tema
10. Selesai

DEMO JASA

Kesimpulan

1. Editing mudah jika kalian tahu bagian mana yang harus diubah
2. Hal tersulit saat modifikasi template adalah mencari kode yang harus diubah
3. Untuk mengubah tanggal, bulan, dan tahun kita hanya perlu menghafal rumus dd MMMM YYYY
4. Jika kalian kesulitan dalam mengubah tampilan template, kalian bisa memesan jasa kami dengan mengunjungi link berikut: Toko Saifullah.id