🔔 Aktifkan notifikasi disini Google News

Cara Mengganti Format Tanggal Popular Post Median UI 1.7

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
    Cara Menghilangkan Snippet (Deskripsi Postingan) Median UI

  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

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

Mau donasi lewat mana?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
PT Saifullah Digital Advantec

Posting Komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.