Cara membuat Keterangan dibawah postingan

untuk membuat penampilan blog menjadi indah dan terkesan menarik untuk dilihat
tidaklah salah jika kita membuat yang satu ini.
di sini ada sedikit tips Cara membuat Keterangan dibawah postingan,, membuatnyapun
sangatlah mudah,

Contoh Author Box

terus bagaimana cara membuatnya.?
simaklah langkah2 dibawah ini :

Berikut langkah-langkah yang harus kalian lakukan.
1. Login akun blog kalian.
2. Pilih Template-->EditHTML jangan lupa centang Expand Template Widget.
3. Kemudian kalian cari kode <div class='post-footer'> dan Copy Paste kode dibawah ini tepat diatas kode <div class='post-footer'>

<!-- Kotak Admin --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> 
Lokasi: Sumpiuh, Banyumas</h4> <div class='kontainer'> <img src='https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/539557_441
467292564991_451544346_n.jpg'/>Artikel <a expr:href='data:post.url'><data:post.title/></a>, ditulis oleh <data:post.author/>
pada <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan kalian. 
Jika kalian ingin menyebarkan postingan dari <data:post.author/> mohon dengan sangat 
untuk mencantumkan sumber. Terima Kasih <div style='clear:both;'/> </div> </div></b:if><!-- Akhir Kotak Admin --> 

4. Setelah itu kalian cari kode ]]></b:skin> Copy Paste kode dibawah ini tepat diatas kode ]]></b:skin>

.admin-tulisan { display:block; width:98%; background:#CFE2E0; border:2px solid #fff; -webkit-box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; box-shadow:0 1px 3px #000; padding:0; margin:30px auto 10px auto; font:normal 11px 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:uppercase; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 11px 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:4px; background:#C36702; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} 

5. Setelah itu kalian Save Template.


Semoga postingan tersebut bermanfaat untuk kalian. 
Terima Kasih