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
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.
- 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.
Keuntungan Menampilkan Header Icon Profile di Postingan Blog
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
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