Cara Menampilkan Icon Profile di Halaman Postingan Median UI 1.5

Cara Menampilkan Icon Profile di Halaman Postingan Median UI 1.5
Saifulah.id
 - Icon Profile di template Median UI v1.5 yang berada di pojok kanan atas Header hanya muncul pada halaman Homepage. Jadi ketika kita membuka postingan artikel akan terasa ada sesuatu yang menghilang dibagian atas.


Mungkin maksud pembuat template menghilangkan icon profile karena di dalam postingan sudah terdapat keterangan contributor lengkap dengan foto profile dan nama penulis.

Tapi bisa juga karena pembuat template ingin agar halaman tersebut bisa dimuat lebih cepat karena terkadang fitur terlalu banyak berdampak buruk pada kecepatan loading blog "jika tidak tahu optimasi template".

Terlepas dari kemungkinan-kemungkinan di atas, saya sendiri lebih suka jika icon profile ini tetap tampil di semua halaman. Karena terkesan lebih kaya akan fiturnya.

Bahkan bagian ini bisa kita ganti dengan sesuatu yang lain selain menampilkan foto profil, nama, dan lokasi saja.

Misalnya saya menggantinya dengan tombol Partnership yang menampilkan Website lain yang ikut bekerja sama dengan kita, sehingga menghasilkan Backlink yang saling menguntungkan.


Sama seperti saya, Kak Nadhiva juga ingin munculin icon profile di kanan atas ini. Oleh sebab itu  berikut saya paparkan tutorialnya.

Cara Menampilkan Icon Profile Di Dalam Artikel Median UI

  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Menghapus Icon dan Tombol Header (Profile, Translate, Dark Mode) Median UI

  5. Cari kode  <!--[ Profile button ]-->
  6. Lalu hapus kode Tag Conditions yang saya tandai warna kuning
    <b:if cond='data:view.isHomepage'>
      <!--[ Profile button ]-->
      <label aria-label='profile' class='navProfile' for='offprofile-box'>
      <b:include name='profile-icon'/>
      </label>
    </b:if>
  7. Kemudian scroll sedikit ke bawah, ada kode seperti ini, hapus kode yang di highlight kuning
    <b:if cond='data:view.isHomepage'>
    <!--[ Profile widget ]-->
    <b:tag class='headerProfile' cond='!data:view.isLayoutMode' name='div'>
    <b:section cond='data:view.isHomepage' id='profile-widget' maxwidgets='2' showaddelement='false'>
    <b:widget id='Profile00' locked='true' title='Author profile' type='Profile' version='2' visible='true'>
  8. Cari kode <b:tag class='fullClose closeProfile' dan hapus kode </b:if> yang ada tepat di bawahnya.
  9. Terakhir, Simpan Tema
VIDEO TUTORIAL


Jika artikel ini bermanfaat buat kamu, bagikan ke yang lain dan jangan lupa berikan Bintang 5 pada kolom Donasi ya. Terima kasih.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan donasi. Klik tombol merah.