BAGAIMANA CARA MEMBUAT AUTHOR BOX DI BAWAH POSTINGAN BLOG

Bagaimana cara membuat author box atau kotak pesan admin dibawah posting blog
Berikut langkah-langkah pemasangan Author Boxatau kotak pesan admin :







Login ke akun Blogger.
Pilih Menu Template >> Edit HTML.
Cari kode ]]></b:skin> gunakakan Ctrl+F untuk mempermudah pencarian, pastekan kode dibawah ini tepat diatas kode ]]></b:skin>.

1. <!-- Awal Author Box -->  
2. .author-box {margin: 10px 0 5px 0;padding: 10px;background: linear-gradient(to bottom, white 5%, #F6F6F6 100%) repeat scroll 0 0 transparent;border: 1px solid #C5C5C5;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 0 0 white inset;overflow: auto width:640px;font-size:11px}  
3. .author-box p {margin: 0;padding: 0;;font-size:12px;color: #444444;font-family:Helvetica;font-size: 11px;line-height: 20px}  
4. .author-box img {background: #FFFFFF;float: left;margin: 0 10px 5px 0;padding: 4px;border: 1px solid #F1F1F1;}  
5. <!-- Akhir Author Box -->  

Cari kode <data:post.body/> gunakakan Ctrl+F ,  akan muncul lebih dari satu kode <data:post.body/> , kemudian pilih kode <data:post.body/>  yang ke dua

1. <!-- Awal Author Box -->   
2. <b:if cond='data:blog.pageType == &quot;item&quot;'>  
3. <div class='author-box'>  
4. <p><img alt='Admin SBP' class='avatar avatar-70 photo' height='90' src='https://scontent-b-sin.xx.fbcdn.net/hphotos-xfp1/v/t1.0-9/10639737_603697653081202_7415250815127916989_n.jpg'width='90'/><b>Ditulis Oleh :  <a href='https://plus.google.com/u/0/113537360821338990141' target='_blank'>Admin SBP</a></b>  
5. </p><p>  
6. Artikel <a expr:href='data:post.url'><data:post.title/></a>, diterbitkan oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan Anda. Oleh Admin, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, namun anda harus meletakkan <blink><strong>link dibawah ini</strong></blink> sebagai sumbernya.  
7. <textarea cols='71' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea> </p>   
8. </div>   
9. </b:if>  
10. <!-- Akhir Author Box -->  

note :
Ganti kode warna "#F6F6F6" dengan warna yang sesuai dengan blog rekan-rekan.
Ganti ukuran "640px" dengan ukuran yang sesuai dengan lebar kolom Post blog.
Ganti "Admin SBP" dengan nama atau inisial atau identitas pada blog rekan-rekan.
Ganti ukuran "height='90' width='90'" untuk mengatur tinggi avatar / foto pada Author Box.
Ganti alamat url "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLWVcKT_2zERSvL6rAdaQVk-tS3Gmma611zmhjlXMDC9jdxAUDKMHb2hVJh33j1fnUQMT2JObM1iQWL8AXeapRhHssdUwuA3bqEjZ3Iw-H4s88RUtcAPiGhjWN7J-xPC2wBol0utvKfaI/s506-no/DSCN0492.JPG" dengan alamat url avatar / foto.
Silahkan sesuaikan kalimat deskripsi .
Jika ada kesulitan silahkan bertanya langsung di form komentar, semoga dapat membantu.