Cara Pindahkan Posisi Label Median UI 1.7 Menjadi Sejajar dengan Tanggal

Tugasiswa.com - Label pada template Median UI 1.7 aslinya ada di bawah thumbnail. Tapi saya tidak suka posisinya ada di sana. Saya lebih suka labelnya ada di dekat tanggal supaya tampilannya lebih seimbang dan presisi. Lalu bagaimana cara mengubahnya?

A. PERSIAPAN

1. Baterai & Charger

Pastikan baterai laptop kalian dalam kondisi penuh, agar tidak mengganggu proses pengeditan. Bila perlu dekatkan charger untuk antisipasi keadaan darurat.

2. Minuman & Cemilan

Siapkan minuman di samping kalian agar tidak dehidrasi karena berpikir keras saat mengikuti tutorial yang diberikan. Cemilan ringan juga bisa dihadirkan agar tidak lapar ditengah jalan.

3. Backup Tema

Sebelum memodifikasi template Median UI 1.7, backup template terlebih dahulu agar aman dari kesalahan yang tidak disengaja yang bisa saja terjadi pada proses pengeditan.

B. PINDAHKAN LABEL

Berikut adalah cara memindahkan posisi label dari atas ke bawah, sejajar dengan posisi tanggal:

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

   
   
   
5. Lalu cari kode
   

   <!--[ Post info ]-->

6. Copy kode yang dicetak tebal
   

   <!--[ Post info ]-->

         <b:includable id='postInfo'>

           <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:widgets.Blog.first.allBylineItems.labels'>

   
   

             <b:tag class='pH info flex fontM' name='div'>

               

               <b:comment>Show label or Sponsored</b:comment>

               <b:include cond='data:post.labels' name='postLabels'/>

             </b:tag>

   
   

           </b:if>

         </b:includable>
7. Paste ke bawah kode <b:includable id='postTimestamps'>
   

         <!--[ Post timestamps ]-->

         <b:includable id='postTimestamps'>

   
   

    <b:tag class='pH info flex fontM' name='div'>

               <b:comment>Show label or Sponsored</b:comment>

               <b:include cond='data:post.labels' name='postLabels'/>

             </b:tag>

   
   

           <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'>
8. Simpan Tema
9. Selesai

C. HAPUS READ MORE

Setelah memindahkan posisi label Median UI v1.7, kita harus menghilangkan tulisan Read More / New Update agar tulisan tidak berantakan karena kekurangan ruangan. Berikut adalah cara menghapus tulisan Read More atau New Update yang ada di pojok kanan:

1. Cari kode
   

   <b:include cond='data:blog.jumpLinkMessage != &quot;false&quot;' name='postFooterJumpLink'/>

2. Maka kalian akan menemukan kode lengkap seperti ini
   

   <b:comment>Jumplink / read more link</b:comment>

   <b:include cond='data:blog.jumpLinkMessage != &quot;false&quot;' name='postFooterJumpLink'/>
3. Agar fitur Readmore bisa dikembalikan lagi dikemudian hari, kode di atas jangan dihapus. Tapi cukup di non-aktifkan saja agar kodenya tidak hilang. Caranya dengan mengubah kodenya seperti ini.
   

   <!--[ <b:comment>Jumplink / read more link</b:comment>

   <b:include cond='data:blog.jumpLinkMessage != &quot;false&quot;' name='postFooterJumpLink'/> ]-->
4. Simpan Tema
5. Selesai

D. RAPIKAN LABEL & TANGGAL

Setelah posisinya pindah, kita harus memisahkan antara tulisan Label dan Tanggal. Idealnya Label ada di pojok kiri bawah, sedangkan Tanggal ada di pojok kanan bawah. Caranya:

1. Cari kode
   

   .pH.info{justify-content:flex-start

2. Ubah menjadi
   

   .pH.info{justify-content:space-between

3. Simpan Tema
4. Selesai

E. TAMBAHKAN ICON

Salah satu cara mempercantik tampilan Blog adalah dengan menambahkan icon atau emoji pada labelnya. Caranya sebagai berikut:

1. Buka Dashboard Blogger
2. Pilih Tata Letak (Layout)
3. Tekan ikon Pensil pada Gadget Postingan Blog
4. Pada bagian Tampilkan Label, ubah Awalan Label dari "in" menjadi "⛅" dengan cara copy-paste icon ini ⛅
5. Tekan Simpan
6. Selesai

Modifikasi template memang terlihat mudah, padahal kenyataannya tidak segampang itu. Yang sulit ketika editing template adalah mencari tahu kode yang mana yang harus di edit dan berpengaruh.

Biasanya riset kode itu bisa memakan waktu 6 - 24 jam, sedangkan editingnya perlu waktu 1 - 3 jam. Makanya tidak heran jasa editing atau programer yang ditawarkan oleh mayoritas orang terbilang mahal.

Kalau kalian butuh jasa editing terjangkau, bisa cari di website www.saifullah.id. Kalian bebas pilih jasa editing apa saja. Jika tidak ada dikatalog bisa diskusi dulu dengan owner nya.

Demikian Cara Pindahkan Posisi Label Median UI 1.7 Menjadi Sejajar dengan Tanggal. Semoga bermanfaat 😊