Gadget Author / Penulis Artikel Untuk Blogspot - Mudah!

Menambah Gadget Penulis Artikel / Author Box - Berbeda dengan artikel terdahulu berjudul: Membuat Author Box untuk Blogspot, artikel kali ini menindak lanjuti tentang pemasangan profile G+ penulis artikel di bagian bawah postingan (Baca: Author Box G+ di Blogspot). Pada postingan penambahan Author Box G+ terdahulu ada beberapa permasalahan yakni,

- Link Menuju Google Plus akan Error jika ternyata penulis tidak mengaktifkan profil G+ mereka
- Di beberapa template, author box ini urung muncul.

Nah, saya akan memudahkan pemasangan author box G+ ini di blog Anda. Sistem author box ini memanfaatkan tag-tag G+, jadi nama dan foto akan otomatis berubah sesuai dengan data penulis artikel. Misalkan Anda memiliki banyak penulis di blog Anda, gadget ini akan fleksibel menyesuaikan.

Masukkan kode CSS berikut ini, di atas ]]></b:skin>

#tmdauthorbox {
    border: 1px solid #000000;
    float: left;
    margin-top: 0;
    width: 620px;
}
#tmdphoto {
    float: left;
    height: 100px;
    position: relative;
    width: 100px;
    overflow:hidden;
}
#tmdphoto img {
    left: 0;
    position: absolute;
    top: 0;
}
#tmdstatus {
    float: left;
    font-size: 15px;
    margin-left: 10px;
    position: relative;
    width: 470px;
    z-index: 99;
}
#tmdstatus a {
    font-weight: bold;
    text-decoration: underline;}

Kemudian kode widgetnya adalah:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='tmdauthorbox'><div id='tmdphoto'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='100px'/>
</div>
<div id='tmdstatus'>Saya <a class='g-profile' expr:href='data:post.authorUrl' itemprop='url' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span></a>. Syukur Alhamdulillah saya berhasil menyelesaikan postingan yang berjudul <b><data:post.title/></b>. Semoga bermanfaat untuk sahabat blogger... Salam Blogger!</div></div></b:if>

Gadget tersebut bisa diletakkan di bawah <data:post.body/>. Semoga bermanfaat

Di template Anda mungkin kode <data:post.body/> tidak hanya satu, jika gadget tidak muncul, coba letakkan di kode <data:post.body/> yang berikutnya.

Title: Gadget Author / Penulis Artikel Untuk Blogspot - Mudah!