1 Cara Membuat Author Box dibawah Postingan

Selamat Malam semuanya. Kali ini H.G.C Syndicate akan Post cara membuat Author Box dibawah postingan blog. Contohnya seperti gambar diatas ini. Gimana keren gk? Kalo pengen ikuti cara dibawah ini :

• Login ke Blogger 
• Masuk ke Rancangan » Edit HTML
• Centang "Expand Template Widget"
• Kemudian cari code seperti dibawah ini :

]]></b:skin>

• Kemudian letakan code dibawah ini tepat diatas code ]]></b:skin>

.admin-tulisan{display:block;width:auto;background:transparent;border:2px solid #FFF;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;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 14px "Share",Sans-Serif;color:#fff}.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{display:block;width:auto;background:transparent;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 14px "Share",Sans-Serif;color:#fff}.admin-tulisan .kontainer{padding:5px}.admin-tulisan h4{background:transparent;border:none;border-bottom:2px solid #FFF;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0,0,0,0.4);font:bold 14px "Amarante",Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block}.admin-tulisan h4 a{color:#fff}.admin-tulisan img{width:110px;height:110px;margin:0 10px 0 0;float:left;border:1px solid #FFF;padding:2px;background:#transparent;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} 

• Setelah itu cari code seperti dibawah ini :

<data:post.body/> 

• Jika sudah ketemu, letakan code dibawah ini tepat setelah code <data:post.body/>

 <!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>DESKRIPSI</h4> <div class='kontainer'> <img src='URL-GAMBAR/>BUAT KATA SENDIRI<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'/></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->

•  Kemudian Simpan Template

Mudah Kan ... ? Happy Blogging

Baca Selengkapnya :