KARANGLO BLOGSPOT.COM: Menampilkan Profil Pengarang G+ di Blogger

Jumat, 13 September 2013

Menampilkan Profil Pengarang G+ di Blogger - THEMASDOYOK.COM

Menampilkan Profil Pengarang G+ di Blogger

Posted: 12 Sep 2013 06:12 PM PDT

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:

1. Login Blogger
2. Tata Letak
3. Pada Area postingan, di sebelah kanan bawah klik Edit

4. Kemudian centang Tampilakn Profil Pengarang di Bawah Postingan

Nah, caranya sangat mudah bukan.

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 kita Anda lakukan modifikasi pada CSS nya.

Terkait: Membuat Pesan Hanya Untuk Author Tertentu

Search Keyword: Menambah Profil Pengarang di Bawah Postingan