Cara Menambahkan Profil Penulis Multi Author ke Blogger Anda

Apakah Anda ingin menambahkan halaman profil penulis Mulit author ke situs Blogger Anda? Mungkin blog anda saat ini adalah blog milik sebuah organisasi yang memilik banyak admin. Banyak template Blogger hanya memiliki satu profil penulis di bawah postingannya walaupun orang lain yang menulisnya. Dalam artikel ini, kami akan menunjukkan cara membuat halaman profil penulis Multi author ke situs blogger.

Untuk menambahkan Profil penulis Multi author ke postingan blog anda, anda harus megikuti langkah berikut ini:

Pada akhir tutorial ini, Tampilan profil penulis multi author anda akan terlihat seperti di gambar ini:



Oke, mari mulai.

Step 1.  Menuju ke dashabord Blogger » Tata letak » Klik Edit di Blog Pos » Centang Profil Pengarang di Bawah Pos.



Step 2. Masih di dashabord Blogger » Tema » ctrl F » cari kode » <data:post.body/> Pastekan kode dibawah ini di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="author-sendoff">
<div class='author-portrait left'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class="author-content">
<div class="author-byline"><a href='#' rel='author'>by <data:post.author/></a></div>
        <div class="author-about"><data:post.authorAboutMe/></div>
    </div>
</div>
<div style='clear:both'/>
</b:if>

Step 3. Langkah terakhir, Menambahkan CSS, letakkan kode berikut di atas ]]></b:skin> atau  </style>

/* AUTHOR POST PROFILE */
#author-sendoff {
    background:#fff;
    overflow:hidden;
}
.avatar-container {
    float:left;
    margin-right:20px;
}

#author-sendoff .author-portrait img {
     border-radius: 50%;
    border: 3px solid #eff4f6;
     width: 90px;
    height: 90px;
     overflow: hidden;
    float: left;
    box-sizing: border-box;
}
#author-sendoff .author-content {
    margin-left: 110px;
}
#author-sendoff .author-content .author-byline {
     font-size: 18px;
    font-weight: 600;
}
#author-sendoff .author-content .author-about {
     font-size: 16px;
}

Save » Pratinjau

Note Pastikan anda telah menambahkan cerita di bagian profil google anda agar deskripsi pada profil author box anda bisa tampil.

• 
• Share
• Tweet
• Share