cara menampilkan profil di blogger

Cara Menampilkan Profil Penulis di Entri Blogger

Seiring dengan semakin berkembangnya internet di dunia, beribu website pun muncul setiap harinya. Hal ini membuat semakin mudah manusia untuk mengakses informasi. Terkadang informasi yang disajikan tidak relevan, bisa juga berita bohong. Untuk itu perlu adanya pengetahuan dari pembaca atas siapa penulis artikel yang sedang dibaca. Hal inilah yang membuat Blogger merasa penting untuk memberikan fitur menampilkan penulis di bawah entri demi membuat pembaca tahu siapa penulis entri tersebut.

Tak hanya itu, dengan menampilkan profil penulis di entri, pembaca lebih mudah untuk mengetahui penulis artikel tersebut di sebuah website maupun blog yang dikelola oleh lebih dari satu penulis. Berikut adalah langkah-langkah cara menampilkan profil penulis di entri Blogger.

Langkah Menampilkan Profil Penulis

Untuk kamu yang memakai template bawaan dari blogger, langkah menampilkan profil penulis sangatlah mudah dan cepat.

1. Login akun Blogger kamu
2. Tujulah Dashboard dan klik Layout
3. Setelah itu perhatikan Posting Blog, klik Edit

Layout Dashboard

4. Akan muncul pop up window, kemudian cari Show Author Profile below post
5. Centang Show Author Profile below post
6. Kemudian klik Save

Menampilkan Penulis

Mudah bukan? Lihatlah perubahan yang terjadi di blog-mu. Untuk kamu yang menggunakan template kustom alias bukan bawaan dari Blogger, kamu juga harus melakukan langkah-langkah tadi. Setelah itu, jangan lupa untuk melakukan langkah selanjutnya. Berikut adalah langkah tambahan untuk menampilkan profil penulis di entri Blogger.

Pengaturan Tambahan untuk Template Kustom

1. Klik Template
2. Kemudian klik Edit HTML 

Edit HTML

3. Klik pada bagian editornya, lalu tekan Ctrl. F
4. Cari kode post-footer-line-3

Post Footer Line 3

5. Salin kode di bawah ini (untuk mengambil kode di bawah ini, klik Download RAW)

Data hosted with ♥ by Pastebin.com - Download Raw - See Original

1. <b:if cond='data:post.authorAboutMe'>
2.   <div class='author-profile' itemprop='author' itemscope='itemscope'itemtype='http://schema.org/Person'>
3.     <b:if cond='data:post.authorPhoto.url'>
4.       <img expr:src='data:post.authorPhoto.url' itemprop='image'width='50px'/>
5.     </b:if>
6.     <div>
7.       <a class='g-profile' expr:href='data:post.authorProfileUrl'itemprop='url' rel='author' title='author profile'>
8.         <span itemprop='name'><data:post.author/></span>
9.       </a>
10.     </div>
11.     <span itemprop='description'><data:post.authorAboutMe/></span>
12.   </div>
13. </b:if>

6. Tempel kode tersebut di atas kode <span class='post-location'>
7. Di bawah ini adalah gambar hasil salin-tempelnya

Peletakan Kode

8. Simpan hasil editan template dengan klik Save Template
9. Buka blog-mu dan lihat hasilnya

Hasil dari Penerapan Kode

Dari langkah-langkah tadi, akhirnya aku bisa memunculkan profil penulis di bawah entri. Berikut adalah tampilan profil penulis Iskael, yaitu Iska dan EL.

Profil Penulis - Iska

Profil Penulis - EL

Tertarik ingin mencobanya juga? Selamat mencoba :)