Cara Membuat Author Box di Blog

Nami Mau Berbagi sam teman-teman, sekarang mau share ilmu lagi nih. Itung-itung kan buat pahala
hehe. Kalian tau kan ada beberapa blog yang di bawah postingan di tulis :
"About The Autor, seperti punya saya dibawah ini Keren kan ada itu jadi kita tidak usah menulus lagi autor box secara manual ini otomatis di seluruh postingan lho sobat ..

Langkah 1#
Cari kode ]]></b:skin>
Copas Kode Berikut DIATAS kode ]]></b:skin>

/* kotak author tempat blogging */
.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#222;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#8A9C04;border:none;border-bottom:1px solid #699019;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);font:bold 12px Arial,Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block;}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin: 0px;border: 5px solid #eee;-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);}
/* kotak author tempat blogging */

Langkah 2#

1. Masuk Ke akun blog kalian

2. Klik Rancangan -> Edit HTML -> Lanjutkan -> Centang Expand Template Widget

3. Copas Kode Berikut dan Letakkan di ATAS kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Tempat Berbagi</h4>
    <div class='kontainer'>
    <img src='http://lh5.googleusercontent.com/-bQBVFDGe0Us/AAAAAAAAAAI/AAAAAAAABAM/YdttoZpzHjI/s512-c/photo.jpg'/>
    Terima Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <strong>sumber link asli.</strong> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terima kasih
    <p>
<textarea cols='70' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>

Keterangan#
Untuk Yang Berlatar belkang Seperti ini ....................... Silahkan Ganti dengan url foto kamu .

Selesai :)

Creatif By : Unknown | Tempat Berbagi

Terima Kasih telah membaca artikel Cara Membuat Author Box di Blog. Yang ditulis oleh Unknown .Pada hari Rabu, 28 Agustus 2013. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terima kasih

<a href="http://warukin.blogspot.com/2013/08/cara-membuat-author-box-di-blog.html" target="_blank">Cara Membuat Author Box di Blog</a>

Cara Membuat Author Box di Blog