Cara Membuat Kotak Pesan Admin (Author box) di Bawah Postingan

Cara Membuat Kotak Pesan Admin (Author box) di Bawah Postingan - Author box atau Kotak Pesan Admin biasanya digunakan sebagai tanda pengenal seorang penulis dari sebuah blog, atau berupa penyampaikan pesan singkat dari penulis. Kotak pesan tersebut terdapat gambar dari penulis blog serta ucapan terima kasih kepada penunjung yang telah berkunjung dan membaca artikel pada blog. Kotak admin pada dasarnya ditempatkan dibawah posting blog dan umumnya judul posting yang dibaca. Kali ini saya akan share langkah demi langkah untuk membuat Author box di bawah postingan blog.

1. Login ke Blogger

2. Masuk ke Rancangan lalu pilih Edit HTML

3. Centang Expand Template Widget.

4. Cari kode berikut  ]]></b:skin>
5. Copy dan paste code berikut ini di atas code ]]></b:skin>    

.admin-author{display:block;width:auto;background:#F5F5F5;border:1px solid #ccc;padding:0;margin:0px;font:normal 12px Arial, Sans-Serif;color:#222;} .admin-author .kontainer{padding:5px;} .admin-author h4{background:#dc1e25;border:none;border-bottom:1px solid #dc1e25;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-author h4 a{color:#FEEA83;} .admin-author img{width:70px;height:80px;margin:0 10px 0 0;float:left;border:0px;padding:2px; background:#E6E6FA;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}<br />
6. Kemuadian cari code <div class='post-footer'> 

7. Copy dan paste code berikut diatasnya 

<b:if cond='data:blog.pageType == "item"'> <div class=' admin-author'> <h4> Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ timbolmedia</h4> <div class='kontainer'> <img height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLFc-nJKqN2RM8SGSfvDom2DkIpOx_rwig-eHAoLLlVtFosZCa-ExDIl8Fgo37h1EcFXNi9RUxdB4ihYg1y2ONyk3D0dv6lhELf8OA5VBow15dc4xLFcMQE2v-vXH71bD_M6k4AD4GyWdY/w398-h534-no/IMG_53351889061037.jpeg' width='80'/> Sobat sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>, Semoga artikel tersebut bermanfaat untuk sobat, Mohon maaf apabila konten yang sobat baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar <p> <span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://timbol-media.blogspot.com' target='_blank'>:: Terima Kasih ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if><br />

8. Klik save dan lihat hasilnya..