Posted by : Rani Baru Wiranata Feb 24, 2013


Blogger friend must have seen on other blogs or author box is also attached in this blog post below. The function of the writer's own box used as a warning to (Copaser) to respect other people's work by producing permalink or the link at the end of the news writers, so the behavior will decrease piracy and hijacking wish there were more articles alias copy and paste the article.

Sample Box Authors :


Okay now go directly to the way :

1. Please log in to dashboard blog friends.
2. Select "Template >> Edit HTML" | tick
3. Find this code : ]]></ b:skin>
4. Insert the following code just above the code]]> </ 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. Then you look for the code <data:post.body/>
6. Furthermore, please put the following code right below it:


<!-- Rani Baru Wiranata Author Box -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>This article was written by : <b><data:post.author/></b> :D </h4>
<div class='kontainer'>
<img alt='Rani Baru Wiranata' src='https://lh6.googleusercontent.com/-CLjtrCyawXU/AAAAAAAAAAI/AAAAAAAAABI/gP2Cx41rcFc/s250-c/photo.jpg'/>
Thank you friends have read :  <b><a expr:href='data:post.url'><data:post.title/></a></b> What I wrote you may distribute this article, put a link Provided below as a source
<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://ranibaruwiranata.blogspot.com/2013/02/how-to-make-author-box-below-post.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Rani Baru Wiranata Author Box -->

7. After all code is stored and attached please fill in the check results.

Memorandum Help :


  • Companions can change the name according to the name friend
  • Companions can change the blue link above the photo link friends you want to display.
  • Companions can resize texarea the red code above.
  • Companions can change the sentence fit the friend wanted to code green

{ 2 comments... read them below or Comment }

- Copyright © RBW BLOG - Date A Live - Powered by Blogger - Designed by Johanes Djogan -