Cara Tambah Kotak Author otomatis?
- Go to Blogger > Template
- Backup your template
- Click Edit HTML
- Click Proceed
- Then Click Expand Widget Templates
- Search For ]]></b:skin>
- Tepat di atas itu paste kode CSS berikut,
/* MBT Code For Author Box */Untuk mengubah warna teks "About author" edit color:#666666
.about-author {
width : 98%;
overflow : hidden;
margin:10px 0px;
border:0px;
}
.about-author img {
width:70px;
padding:3px;
border:1px solid #ddd;
margin:0px 5px 0px 0px;
}
.about-author h3{
font-family:verdana !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
}
8. Next Search for data:post.body
9. Just below it paste the following code:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "AUTHOR NAME"'>
<div class='about-author'>
<h3>About Author:</h3>
<img align='left' src='IMAGE LINK OF AUTHOR'/>
<p>WRITE AUTHOR BIO HERE</p>
<p>Follow him @ <a href='BLOG LINK' target='_blank'>BLOG NAME</a> | <a href='FACEBOOK LINK' rel='nofollow' target='_blank'>Facebook</a></p>
</div>
</b:if></b:if>
Semua langkah Cukup jelas. Anda hanya perlu mengisi bagian-bagian tebal dengan rincian persyaratan yang benar. Ada satu hal yang perlu perawatan.
tutorial yang menarik..siap ditindak lanjuti sobat :)
ReplyDelete