Cara mudah membuat author box simpel

Pasti anda pernah melihat Author box di blog orang bukan?
Ya, Author box atau kotak admin adalah kotak yang berisi informasi posting, profil penulis, ataupun lainnya. disini saya akan memberikan tips tentang cara membuat Author box yang simpel.seperti punya saya ini ;

tapi untuk jaga- jaga bila tidak berhasil, sebaiknya anda download template anda terlebih dahulu.

sudah?, langsung aja cekidout..
1) Login ke Blog sobat lalu masuk ke dashboard > Template > Edit HTML lalu centang Expand Template Widget

2) kemudian Cari kode ]]></b:skin> dengan bantuan CTRL + F, setelah ketemu paste kode berikut tepat diatas
]]></b:skin>.

.admin-tulisan{
    width:auto;
    background:#ffffff;
    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:#000000;
    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;
    }

3) lalu cari kode <data:post.body/>

4) setelah ketemu Paste-kan kode berikut tepat dibawahnya :

<b:if cond='data:blog.pageType == "item"'>

<h4>Artikel ini ditulis oleh : <b><data:post.author/></b> | Yuby-Idea 2013 Official</h4>

<img alt='Nama Anda' src='https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash3/543239_257294194378912_128782900_n.jpg'/>
Terimakasih sobat telah membaca : <b><a expr:href='data:post.url'><data:post.title/></a></b>. Semoga bermanfaat dan jangan lupa untuk meninggalkan komentar sobat

<a href='http://yuby-idea.blogspot.com/2013/01/cara-mudah-membuat-author-box-simpel.html' target='_blank'>:: Get Plugin Author box ! ::</a></span></p>

</div>

</b:if>

5) sebelum disimpan perhatikan ini ;

Untuk kode berwarna biru gantilah dengan nama anda.
untuk kode link berwarna merah silahkan kamu ganti dengan URL foto kamu
dan untuk kode kalimat berwarna hijau dapat kamu rubah sesuai keiinginan kamu

Sekian dari saya tentang Cara mudah membuat author box simpel, semoga berhasil!!

Cara mudah membuat author box simpel

2 Responses to "Cara mudah membuat author box simpel"

Klick iklan untuk melanjutkan