🔔 Aktifkan notifikasi disini Google News

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?

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.
Seorang Guru Bahasa Inggris, Kreator Digital, Editor, Publisher, Advertiser, Blogger, Youtuber, Distributor, Desain Grafis, Web Developer, dan Programmer.

12 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. makasih min 👍🏼
    1. Sama² kak 😊
    2. Min untuk download median ui nya dimana yg sperti pnya mimin ?
    3. Klau boleh min arsyad.8muh@gmail.com
    4. Median UI adalah template premium kak, sebaiknya beli langsung ke pembuat templatenya. Sedangkan agar tampilan sama seperti punya saya. Harus modifikasi kode dalam templatenya. Tutorial lengkapnya sudah saya berikan. Klik di sini Tutorial Lengkap Median UI
  2. Maaf admin Cara Menampilkan Icon Beranda di Tampilan Awal gimana ya? ples mengganti tampilan header post versi mobile seperti tampilan dekstop. terima kasih.
  3. Min buatkan untuk 1.6,saya coba yang ini ehh malah gabisa di pencet tombol nya
    1. Kasih saya bintang 5 dulu ya kak, kalau sudah baru nanti saya buatkan tutorialnya.
  4. Min, cara biar tombol profil itu menjadi partnership gimana?
  5. Cek di sini https://www.saifullah.id/2022/06/cara-ubah-profil-jadi-partnership.html
  6. untuk versi 1.6 dong min
    1. Sama aja kak, tinggal cari kata yang sudah saya highlight (tandai warna kuning)
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.