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 == "item"'> <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
created
