Sunday, May 20, 2012

Cara Menambahkan Kotak author otomatis pada blog

Cara Tambah Kotak Author otomatis?
Langkah-langkah yang dibuat sederhana sehingga Anda akan merasa sangat menarik untuk diterapkan.
  1. Go to Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Click Proceed
  5. Then Click Expand Widget Templates
  6. Search For ]]></b:skin>
  7. Tepat di atas itu paste kode CSS berikut,
/* MBT Code For Author Box */
.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;
}
Untuk mengubah warna teks "About author" edit     color:#666666 

8.   Next Search for data:post.body

9.  Just below it paste the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;AUTHOR NAME&quot;'>
<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.
Previous Post
Next Post
!---->

1 comment:

Boleh Copy Artikel ini ,,, tetapi dikasih Sumber

Commentarlah dengan bijak

loading...