Cara Membuat Author Box di Blogger

Cara Membuat Author Box di Blogger | Keterangan di Bawah Postingan Blog - Author box atau kotak berisi tulisan atau keterangan di bawah postingan blog.

Bagaimana cara membuatnya? Ikuti petunjuknya dibawah ini....

• Login Ke akun blogger anda
• Lalu pilih Rancangan ==> Edit HTML, jangan lupa centang Expand Template Widget ya..?
• Langkah selanjut nya , anda cari kode : <div class='post-footer-line post-footer-line-1'> menggunakan CTRL + F biar lebih mudah.
• Lalu Copy & Paste Kode di bawah ini, letakkan tepat di bawah kode : <div class='post-footer-line post-footer-line-1'>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'>
<data:post.author/></a> :: <span style="color: #073763;">Inspiring People</span></h4>
<div class='kontainer'>
<img src=' <span style="color: red;"> http://i646.photobucket.com/albums/uu183/seruyan/KhairulBlog.jpg</span>'/> Artikel <a expr:href='data:post.url'>
<data:post.title/></a> ini diposting oleh <data:post.author/>
pada hari <data:post.dateHeader/>. Jika artikel <a expr:href='data:post.url'>
<data:post.title/></a> ini dirasa menarik, anda bisa sebarluaskan lewat blog anda, tapi mohon mencantumkan sumbernya. Terimakasih. Happy blogging. <p>
<span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://bangarulsite.blogspot.com/2012/05/cara-membuat-author-box-di-blogger.html' target='_blank'>::Get This Widget:: </a></span></p>
<div style='clear:both;'/> </div> </div> </b:if>
<!-- Kotak Admin -->

• Langkah Selanjutnya adalah cari kode : ]]></b:skin> pada template anda.
• Lalu anda Copy & Paste Kode di bawah ini, tepat di atas kode : ]]></b:skin> 

.admin-tulisan{
display:block;
width:auto;
 background: #585656;
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; }

• Langkah selanjutnya anda, Pilih Pratinjau, jika tidak ada masalah baru pilih simpan.
• Selamat Mencoba, dan Semoga berhasil Catatan : Kode yang Berwarna Biru, itu Adalah Deskripsi Blog Anda Sedangkan Kode yang Berwarna Merah adalah Photo Author ( Bisa Photo Anda sendiri )