Home
Blog
Median Ui

Cara Menampilkan Icon Profile di Halaman Postingan Blog [Median UI Versi 1.5]

ShayTekno.com - Profile adalah salah satu elemen penting dalam suatu blog, kenapa demikian karena dengan mengetahui Profile maka pengunjung blog, atau pembaca blog tahu milik siapa suatu blog/website tersebut.

Namun pada kasus yang admin alami pada template Median UI Versi.1.5 tidak muncul informasi tentang Profile didalam postingan blog yang sedang kita baca, karena profil hanya bisa kita lihat pada bagian halaman utama pada website saja.

Nah. Untuk itu admin shaytekno.com melakukan berbagai macam perubahan atau modifikasi terutama pada template Median UI Versi 1.5 yang admin gunakan saat ini.

BACA JUGA: Cara Menampilkan Judul Blog, di Dalam Postingan Blog di Template Median Ui

Agar lebih padat, dan elegan terlihat lebih menarik, untuk itulah, pada kesempatan kali ini admin akan berbagi tentang Cara Menampilkan Icon Profil di Halaman Postingan Blog [Median UI Versi 1.5].

Profile adalah salah satu elemen penting didalam suatu blog, kenapa demikian karena dengan mengetahui Profil maka pengunjung blog, atau pembaca blog tahu milik siapa suatu blog/website tersebut.

Mungkin dari teman-teman yang sedang atau baru menggunakan template Median UI Versi 1.5 ini masih kebingungan dalam melakukan modifikasi terutama pada Icon Profil tidak muncul di dalam postingan blog.

Maka dari itu sesuai dengan yang saya tanyakan langsung kepada pemilik template mas Maky selaku pemilik template Median UI. Membolehkan melakukan modifikasi kepada template Median UI Versi 1.5, sesuai dengan keinginan kita.

Baiklah untuk itu tanpa berlama-lama dan bacotan di awal mari simak panduan lengkap Cara Menampilkan Icon Profil di Halaman Postingan Blog [Median UI Versi 1.5] berikut ini:

Cara Menampilkan Icon Profil di Halaman Postingan Blog [Median UI Versi 1.5]

Warning!! Sebelum Melakukan Edit bagaian HTML di template Median UI, Silahkan anda gunakan laptop/FC atau bisa menggunakan keyboard android, yang mendukung Ctrl F, agar lebih memudahkan anda dalam melakukan Edit HTML.

Jika sudah mari simak panduan selengkapnya tentang Cara Menampilkan Icon Profil di Halaman Postingan Blog [Median UI Versi 1.5] berikut ini:
  • Buka Halaman Blogger.
  • Pilih Menu Tema.
  • Lalu pilih Edit HTML.
    Buka Halaman Blogger. Pilih Menu Tema. Lalu pilih Edit HTML.
  • Gunakan Ctrl>F.
  • Lalu cari kode>. <!--[ Profile button ]-->
  • Lalu Hapus kode bagian tag <b:if cond='data:view.isHomepage'> Dan </b:if>
  • Yang admin tandai warna merah di bawah ini.
<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>
</b:if>
  • Lalu scroling sedikit bagian bahwa di <!--[ Profile widget ]-->
  • Lalu hapus bagian tag Conditions, yang admin tandai warna merah.
<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'>
  • Langkah terakhir cari kode <b:tag class='mainContent'
  • Hapus bagian </b:if>
  • Di atas kode kode <b:tag class='mainContent'
  • Jika sudah klik simpan.
Jika sudah silahkan anda cek bahwa tutorial cara menampilkan icon profil di halaman postingan blog sudah berhasil.

Keuntungan Menampilkan Header Icon Profile di Postingan Blog

Adanya banyak sekali keuntungan yang bisa didapatkan dengan menampilkan icon profil di halaman postingan blog, selain itu juga buat anda yang mungkin hobi melakukan berbagai modifikasi template terutama pada template Median UI.

Anda bisa menambahkan beberapa fitur seperti media sosial Facebook, Instagram, dan beberapa media sosial lainnya bisa anda tempatkan di bawah halaman Profile anda.

Selain itu juga anda bisa menambahkan beberapa fitur lainnya seperti contrtibutor/ Admin Blog, atau rekan seTIM hingga alamat, dangan Mudah Dari tataletak Median UI.

Kesimpulan

Demikian itulah tutorial Cara Menampilkan Icon Profil di Halaman Postingan Blog [Median UI Versi 1.5], semoga artikel ini bermanfaat dan bisa membantu Anda yang sedang mencari informasi tentang cara menampilkan icon profil di halaman postingan blog.

Jika kiranya tutorial kali ini bermanfaat bagi teman-teman alangkah baiknya, bagian ketemuan teman lainnya dengan cara share artikel ini.

Atau juga buat teman yang ingin melakukan sedikit kontribusi didalam blog, anda juga bisa melakukan Donasi/dukungan dengan cara klik Donasi dan dukungan anda di bawah ini. Terimakasih. Selamat mencoba.

Post a Comment