Cara Memasang Author Box di Bawah Postingan Blog

Berikut ini tutorial menampilkan, memunculkan, atau cara membuat Kotak Profil Blogger (Kotak Penulis/Author Box) di bawah postingan blog.

Cara Memasang Author Box di Bawah Postingan Blog

Katanya, menampilkan Author/Admin Blog ini bagus buat blog agar meningkatkan kredibilitas di mesin pencari Google dan pengunjung.

Link Subscribe (berlangganan) di bagian akhir profil bisa meningkatkan SEO blog juga. Demonya ada di bawah postingan ini.

Biar fotonya muncul, pastikan Anda sudah mengisi kolom foto di Profil Blogger seperti punya CB Blogger.

Cara Memasang Author Box di Bawah Postingan Blog

Langsung saja, ini dia cara memasang Author Box di bawah postingan blog.

1. Copas kode berikut ini di atas kode ]]></b:skin>

.cbblogger-author-box {border:1px solid #f2f2f2;overflow:hidden;padding:10px;margin:10px 0;background: #f9f9f9;}
.cbblogger-author-box img{float:left;margin-right:15px;border-radius:20%;padding: 15px;}
.cbblogger-author-box p {color: #666;display: block;margin-top:5px;font-size:95%; line-height: 1.4;font-weight: 400;text-align:left;padding: 10px;}
.cbblogger-author-box b{font-size:18px;font-weight:600;color:#666;padding:0;line-height:normal}
@media screen and (max-width : 500px) {
.cbblogger-author-box {text-align:center;}
.cbblogger-author-box img {float:none;}
.cbblogger-author-box p {text-align:center}
}

3. Copas kode berikut ini di atas kode <div class='post-footer'>  atau di bawah kode Related Post.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='cbblogger-author-box'>
<img alt='Author Image' class='avatar avatar-60 photo' expr:src='data:post.authorPhoto.url' height='100' width='110'/>
<p>
<b>About <data:post.author/></b>
  <br/>
Contoh Blog --sebut saja CB -- Panduan Blogging untuk Pemula - Tips SEO, Desain, Template SEO Friendly, Cara Membuat Blogger Keren, Google Adsense, dll. <a href='https://feedburner.google.com/fb/a/mailverify?uri=contohblognih' target='_blank'>Subscribe!</a> to get update via email.
</p>
</div>
 </b:if>

4. Ubah kata-kata warna merah dengan profil Anda. Demikian juga ID Feedburner.
5. Save!

Beres.

Baca Juga: Cara Memasang Author Box Social Widget di Sidebar Blogger.

Demikian Cara Membuat Kotak Profil Blogger, Kotak Penulis, Author Box, di Bawah Postingan Blog. Happy Blogging! (www.contohblog.com).*

Thanks for reading Cara Memasang Author Box di Bawah Postingan Blog | Labels: Blogging, Desain Blog edit this post
Author Image

About CB Blogger
Contoh Blog --sebut saja CB -- Panduan Blogging untuk Pemula - Tips SEO, Desain, Template SEO Friendly, Cara Membuat Blogger Keren, Google Adsense, dll. Subscribe! to get update via email.

0 Komentar untuk "Cara Memasang Author Box di Bawah Postingan Blog"

Contact Form

Name

Email *

Message *

Back To Top