Notification

×

Iklan

Iklan

Cara Membuat Author Box Seo dibawah Postingan Blog

17 November 2019 | 03:47 WIB Last Updated 2019-11-17T11:49:13Z

Baik sobat sekalian, kali ini saya akan share bagaimana membuat multi author box dibawah postingan blog. Selain untuk meningkatkan tingkat SEO  dari website anda sebenarnya tujuan utama dari author box ini adalah untuk memberi informasi kepada pengunjung website atau blog anda siapa pemilik  atau penulis artikel pada website tersebut.

Selain mempunyai tampilan yang elegan multi author box yang kami buat tentunya sudah mempertimbangkan tingkat Seo dan yang terpenting responsive.



Pada artikel yang lalu saya telah membuat tutorial membuat author box yang tentunya keren dan responsive.

Read More:
Cara Membuat Author Box Seo Responsive Pada Blogger

Langsung saja kita memulai membuat author box yang keren dan responsive. Ada dua cara yang meti anda lakukan.

1. Edit template pada blog anda, kemudian cari kode ]]></b:skin> masukkan kode dibawah ini tepat di atasnya.

#author-info {
    display: block;
    background: #f6f9fa;
    text-align: center;
    margin-top: 75px;
    padding: 25px;
}
#author-info img {
    border-radius: 50px;
    margin-top: -65px;
    margin-bottom: 5px;
}
#author-info h5 {
    color: #555;
    font-family: Raleway,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 10px;
}
#author-info p {
    color: #888;
    line-height: 1.4em;
    font-size: 14px;

}

2. Cari kode <data:post.body/> kemudian masukkan kode dibawah ini tepat di bawahnya.

<div id="author-info">
<img alt="" class="avatar avatar-120 photo" src="INSERT URL IMAGE"/>
<h5>Thema Kami</h5>
<p>I'm the founder of themakami.blogspot.com. I am a full-time Blogger and Web Developer. I've been blogging since 2013 and make a living from me by searching for online projects.</p>
</div>

3. Masukkan url gambar yang ingin anda gunakan
4. Simpan dan lihat hasilnya.


Sekian share kali ini semoga apa yang saya share bermanfaat bagi sobat sekalian, Jangan lupa share keteman sobat, Jika sobat ada request post silahkan tinggalkan komentar dibawah dan mulai berdiskusi dengan saya.


×
Berita Terbaru Update