Cara Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren

Cara Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren,- Kotak Author adalah kotak informasi kecil tentang Penulis atau pemilik blog yang biasanya berada dibawah posting blog. Kotak Author sudah terhubung dengan akun Google+ anda secara otomatis sehingga Foto dan profil Tentang Penulis pada akun Google + anda akan terlihat otomatis pada kotak Author yang anda pasang di Blog. Tentunya dengan memasang kotak author blog kita akan terlihat keren. Untuk Memasang Kotak Author ikuti langkah berikut ini :

Cara Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren

Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren

1. Login Ke blogger
2. Buka Template dan klik Edit HTML
3. Cari Kode </style> atau ]]></b:skin>
4. Setelah menemukan Kode tersebut salin Kode dibawah ini dan letakkan dibawah  ]]></b:skin>

<!-- CSS KOTAK PROFIL AUTHOR -->
.authorboxwrap{background:#fff;margin:0 auto 20px;padding:20px;overflow:hidden;border:1px solid #ccc;}
.avatar-container {float:left;margin-right:10px;}
.avatar-container img{width:110px;height:auto;}
.author_description_container h4{font-weight:650;font-size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#ef4824}
.author_description_container h4 a:hover{color:#404040}
.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px}

5. Langkah berikutnya Cari Kode <data:post.body/>

<!-- KOTAK PROFIL AUTHOR -->
<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='90px'/>
</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>

6. Simpan Template

Baca Juga : Cara Memasang Tombol Share

7. Langkah Berikutnya masuk ke Google +, edit Tentang di profil Google + anda dan isikan Keterangan tentang anda/Penulis pada Kolom Cerita/Story.


8. Setelah itu di Blogger pada Tata letak edit pada Widget Posting dan tambahkan cek pada tulisan Tampilkan Profil Pengarang dibawa Pos

9. Terakhir Simpan Tataletaknya.

Demikian Cara Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren. Semoga bermanfaat.

0 Response to "Cara Memasang Kotak Author di Bawah Posting Blogger Agar Blog Keren"