Posts Subscribe to This BlogComments

Follow Us


widget

make widget
Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us
Top Blogs BOOTER-CENTER - Find me on Bloggers.com
Mau Pasang Iklan Disini? Resize Banner 460X61
ads ads ads peluang usaha

Monday, December 5, 2011

Cara memasang Author Box Info Di bawah Artikel blog

Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us


  1. Login blogger
  2. Rancangan, Edit Html, Centang menu  Expand Template Widget
  3. Cari kode ]]></b:skin>
  4. Dan Simpan kode berikut diatasnya 
/* Author Info */
.authorinfo{
background:#e5f1fc;
margin:20px 0 40px 0;
padding:10px;
overflow:auto;
color:#000;
border: 1px solid #ff6600;
}
.authorinfo p{
margin:0;
padding:0
}
.authorinfo a{
color:#ff6600
}
.authorinfo img{
background:#FFF;
border: solid 1px #000;
float:Left;
margin:0 10px 0 0;
padding:4px
}
6. Cari kode atau yang mirip dengan kode berikut:
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 
      </div>
    </b:if>
sebenarnya untuk penempatan silahkan sesuaikan dengan template sesuai keinginan kawan-kawan semua :)

7. Jika Sudah ketemu simpan kode berikut di bawah kode yang dicari tadi:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorinfo'>
<p>
<img alt='Authorimage' class='avatar avatar-70 photo' height='70' src='http://2.bp.blogspot.com/-DZvD7z1ILj0/TdNsKWfLJrI/AAAAAAAAABU/DTizEel3Oxo/s220/AdultNarutoAvatar_1242014135199.jpg' width='70'/>
<div style='font-family: kristen itc; color: #000;'>
<b><span><a expr:href='data:post.href'><data:post.title/></a></span></b></div>
<div style='text-align: justify; font-family:bedizen'>
<span>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></span><br/>
<span>Pada : <a expr:href='data:post.href'><b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if></a></span><br/>
<span>Jam : <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></span><br/>
<span>Kategori: <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if></b:loop></b:if></b:loop></span>
</div>

</p>
</div>     </b:if>
Perhatikan yang ditandai dengan warna biru, silahkan sesuaikan dengan kreasi kawan-kawan ataupun dikembangkan.
8. Simpan Template dan lihat hasilnya saat salah satu posting dibuka dibagian bawahnya.

Semoga bermanfaat :)

Related Post



Get Traffic Like Spam
Loading...

0 Comment:

Post a Comment

Section meetings - Registered
recent entries

users online



ads ads ads ads
 

networkedblogs

B-C ON YAHOO

Trafic

Followers

MyFreeCopyright.com Registered & Protected MyFreeCopyright.com Registered & Protected