Rabu, 08 Oktober 2014
Author Box penulis ini selain berfungsi untuk menghias blog, juga dapat membuat blog terlihat lebih profesional karena menampilkan sedikit profil dari penulis itu sendiri, sekarang ini sudah banyak sekali para pemilik blog yang memasang kotak penulis di akhir postingan alias author box. untuk memasang author box sebenarnya mudah saja, silahkan ikuti tutorial berikut ini.
2. Cari kode ]]></b:skin> den letakan kode di bawah ini tepat di atas 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:#f60521;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 */
Catatan : #CFE2E0 adalah warna background teks dan #f60521 adalah warna background pada tulisan creatif by.
3.cara kode ini <data:post.body/> jika sudah ketemu silahkan pasang kode di bawah ini tepat di Bawah kode <data:post.body/>
<!-- Kotak Admin Tempat Blogging -->Catatan : yang berwarna merah ganti dengan Nama Blog Anda dan Yang berwarna biru ganti dengan Url link Gambar anda, jika authorbox nya tidak muncul itu di sebabkan karena biasanya kode <data:post.body/> terdapat lebih dari satu dan bisa terdapat banyak hal tersebut karena setiap template itu strukturnya berbeda-beda, maka dari itu silahkan coba tempatkan kode diatas dengan mencoba satu-persatu sampe berhasil. - See more at: http://cafeilmu-yangyang.blogspot.com/2014/02/cara-membuat-author-box-di-bagian-akhir.html#sthash.d08755lB.dpuf
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Cafe Ilmu</h4>
<div class='kontainer'>
<img src='https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/t1/17611_317598061676498_376119275_n.jpg'/>
Terimah 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. Trimakasih
<p>
<textarea cols='75' 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>
<!-- Kotak Admin Tempat Blogging -->
