Menampilkan Profil Pengarang G+ di Blogger

Menambahkan gadget pengarang di bawah postingan - Mempunyai blog dengan multi author (banyak penulis) adalah konsep yang menarik, meski untuk blogger masih ada kelemahan mendasar yakni tidak adanya sistem moderasi (Baca: Berbahayanya Mempunyai Banyak Penulis di Blogspot). Namun, tetap saja blog yang memiliki lebih dari satu penulis akan lebih menarik, lebih kaya ide, tidak hanya satu gaya bahasa.

Sembari menunggu sistem moderasi itu, Anda bisa memulai proyek blog multi author Anda dengan mengajak orang-orang terdekat Anda. Saudara, sahabat atau teman dekat. Intinya orang yang bisa Anda percayai.

Blogger sendiri menyediakan gadget Profil Pengarang, berbeda dengan profil G+ untuk pemilik blog. Gadget ini otomatis menampilkan foto dan biodata singkat si-pengarang yang default terletak di bawah postingan. Untuk menambahkannya, cukup dengan:

Menampilkan Profil Pengarang G+ di Post

1. Login Blogger
2. Tata Letak
3. Pada Area postingan, di sebelah kanan bawah klik Edit
4. Kemudian centang Tampilkan Profil Pengarang di Bawah Postingan
Nah, caranya sangat mudah bukan.

Penentuan Lokasi Widget

Yang perlu diperhatikan, tidak seperti gadget-gadget postingan lain seperti author link, tanggal post, dll yang bisa digeser dengan mudah ke post-footer 1, 2 atau 3, gadget Profil Pengarang G+ ini tidak bisa digeser lewat tata letak.

Setelah Anda centang seperti tutorial di atas, maka otomatis template Anda akan ditambahkan koder seperti berikut ini:
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>

Jika kode tersebut sudah ditemukan, Anda bisa memindahnya secara manual di tempat yang Anda suka. Selain itu akan lebih menarik jika Anda lakukan modifikasi pada CSS nya.

  • Pada kode standard di atas ada beberapa error diantaranya URL author tidak akan active jika penulis tidak beralih ke profil G+ dan masih menggunakan profil Blogger lama, untuk memperbaikinya cukup mengganti kode data:post.authorProfileUrl dengan data:post.authorUrl
  • Jika masih mengalami kesulitan, bisa menggunakan kode yang sudah saya sederhanakan dan modifikasi, baca: Gadget Author di Blogspot Mudah!
  • Artikel Terkait: Membuat Pesan Hanya Untuk Author Tertentu

  • Search Keyword: Menambah Profil Pengarang di Bawah Postingan

    Komentar

    1. hasilnya kayak foto mas Doyok disertai "Syukur Alhamdulillah..." itu ya? Keren banget

      BalasHapus
      Balasan
      1. defaultnya tidak seperti itu, tp saya gabungkan itu mas

        Hapus
    2. Lama gak nongol disini saya :p. Baru tau pengaturan ini

      BalasHapus
    3. informasi sederhana tapi keren :)

      BalasHapus
    4. kelihatannya keren banget mas
      code biar seperti mas bisa dilihat dimana ya?? hehe...

      BalasHapus
    5. Boleh di coba nih tutorialnya.. makasih mas..

      BalasHapus
    6. assalam... kok sy gak muncul hasilnya pdhl sdh masang .... slam kenal,,

      BalasHapus

    Posting Komentar

    Postingan Populer