S
obat blogger pastinya sudah pernah melihat author box di blog lain atau juga di blog ini yang terpasang dibawah postingan. adapun fungsi dari author box sendiri digunakan sebagai peringata bagi Copaser/yang sukanya copy paste agar menghargai karya orang lain dengan memunculkan permalink atau link penulis diakhir postingannya, sehingga perilaku pembajakan akan berkurang dan berharap tidak ada lagi pembajakan artikel alias copy paste artikel. dari itu saya mencoba memberikan tutorial kepada sobat blogger tentang Cara membuat author box dibawah postingan.


Contoh Author Box :

Oke sekarang langsung saja ke caranya:
1. Silahkan masuk ke dasbor blog sahabat.
2. Pilih "Template >> Edit HTML"
3. Cari kode ini : ]]></b:skin>
4. Pasang kode berikut tepat diatas kode ]]></b:skin> :


.admin-tulisan{
width:auto;
background:#FEFF80;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"verdana";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#680202;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"verdana";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

5. Kemudian anda cari kode <data:post.body/>
6. Selanjutnya silahkan pasang kode berikut tepat dibawahnya :

<!-- Nutriyas Author Box -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Artikel ini ditulis oleh : <b><data:post.author/></b> ~ TipsTrik Blogger</h4>
<div class='kontainer'>
<img alt='Khiansantang' src='http://i1272.photobucket.com/albums/y381/khiansantang/Photo/NauvalPramuka_zps3ca853f8.jpg'/>
Terimakasih sahabat telah membaca : <b><a expr:href='data:post.url'><data:post.title/></a></b> Tulisan Saya. Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://khiansantang.blogspot.com/2012/11/cara-membuat-author-box.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Nutriyas Author Box -->

7. Setelahsemua kode terpasang silahkan disimpan dan silahkan di chek hasilnya.


NB : 
Sahabat bisa ubah Nama sesuai dengan Nama sahabat 
Sahabat bisa ubah link berwarna biru diatas dengan link foto sahabat yang ingin ditampilkan. 
Sahabat bisa ubah kalimat sesuai yang sahabat inginkan