Cara Menampilkan Profil Penulis Di Bawah Artikel

Cara Menampilkan Profil Penulis Di Bawah Artikel

Fitur ini bersifat opsional yang artinya bisa Anda gunakan atau tidak. Jika Anda perhatikan padasetiap akhir artikel di template ini selalu ditampilkan profil singkat penulis yang memuat foto nama dan tautan menuju profil blogger.

Bagi Anda yang ingin mengaktifkan fitur ini silahkan ikuti tutorial dibawah ini:

Menambahkan profil penulis di bawah artilel

Pertama-tama buka menu 'Tata Letak' pada blogger lalu klik edit pada widget posting blog. Akan muncul jendela baru berisi pengaturan widget seperti pada gambar:

Tata Letak Blogger

Scroll jendela widget tersebut dan temukan 'Tampilkan Profil Pengarang Di Bawah Pos', klik tanda centang pada samping tulisan untuk mengaktifkan profil penulis seperti pada gambar:

Widget Posting Blog Blogger

Klik simpan dan lihat perubahannya.

Saya ingin mengubah link pada widget profil menjadi link akun social media saya, apakah bisa?

Catatan:
Toturial dibawah ini sudah tidak relevan lagi pada template Fletro Pro versi terbaru

Default-nya profil penulis baik yang berada di widget sidebar ataupun bawah artikel akan menampilkan link profil blogger.

Karena tampilan profil blogger sangat sederhana juga menampilkan daftar blog yg di kelola(walau Anda bisa memilih untuk tidak menampilkan daftar blog) menjadi alasan sebagian blogger kurang menyukainya.

Tapi Anda bisa memodifikasi atau mengubahnya dengan link lain semisal: profil facebook, instagram, twitter atau lainnya.

1. Edit HTML Template

Pertama klik menu tema pada blogger lalu pilih mode 'Edit HTML' akan ada 2 kode yang harus diubah yaitu untu profil di bawah artikel dan profil di bagian widget.

Edit HTML Blogger

2. Profil Penulis Dibawah Postingan

Silahkan cari dan ubah kode di bawah ini, yang perlu diubah hanya kode yg ditandai saja

<div class='authorFollow'>
<a expr:href='data:post.author.profileUrl' rel='author nofollow' target='_blank' title='View Profile'>Profile</a>
</div>

// Ubah bagian yang ditandai dan tambahkan url Anda.

<div class='authorFollow'>
<a href='URL_ANDA_DISINI' rel='author nofollow' target='_blank' title='View Profile'>Profile</a>
</div>
3. Widget Profile Blogger

Klik tombol dropdown yang ditandai pada gambar dibawah, kemudian pilih 'Profile1':

Widget Profile Blogger

Pada widget tersebut silahkan cari beberapa kode dibawah ini dan ganti juga url pada widget tersebut dengan url pilihan Anda.

// Link Pada gambar Profil
<b:includable id='userProfileImage'>
<div class='profile-image'>
<a expr:href='data:userUrl' rel='nofollow' target='_blank'>
<b:include name='profileImage'/>
</a>
</div>
</b:includable>

// Ubah bagian yang ditandai dan tambahkan url Anda.

<b:includable id='userProfileImage'>
<div class='profile-image'>
<a href='URL_ANDA_DISINI' rel='nofollow' target='_blank'>
<b:include name='profileImage'/>
</a>
</div>
</b:includable>
// Link Pada Profil Individual
<b:includable id='userProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow' target='_blank'>
<data:displayname/>
</a>
</b:includable>

// Ubah bagian yang ditandai dan tambahkan url Anda.

<b:includable id='userProfileLink'>
<a class='profile-link g-profile' href='URL_ANDA_DISINI' rel='author nofollow' target='_blank'>
<data:displayname/>
</a>
</b:includable>

Klik Simpan dan lihat perubahan pada template Anda.

Link copied to clipboard.