Cara Memasang Kotak Penulis di Bawah Postingan
contoh screenshoot author box adalah demikian:
ketiga:
<!-- 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> ~ CUNGKUPMANIA BELAJAR NGEBLOG</h4>
<div class='kontainer'>
<img src='http://i1313.photobucket.com/albums/t551/curvasudsansiro/images12_zps3a51957e.jpg?t=1367951142'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan sobat serta kesediaan Anda membaca artikel ini.tinggalkanlah komentar baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis demi perkembangan blog ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://wongcungkup.blogspot.com/2013/05/tips-membuat-kotak-info-penulis.html ' target='_blank'>:: klik untuk membuat kotak seperti Ini ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
ok langsung aja kita mulai
pertama:
Masuk Ke akun blog kalian--->template-> Edit HTML
kedua:
Cari kode ]]></b:skin> lalu copas kode CSS berikut tepat diatas ]]></b:skin>
Cari kode ]]></b:skin> lalu copas kode CSS berikut tepat diatas ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FF0000;
border:2px solid #0000CD;
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:#000000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #FFFAF0;
color:#000000;
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-tulisan h4 a{color:#00FFFF;}
.admin-tulisan img{
width:80px;
height:80px;
margin:0 10px 0 0;
float:left;
border:1px solid #000000;
padding:2px;
background:#000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
display:block;
width:auto;
background:#FF0000;
border:2px solid #0000CD;
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:#000000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #FFFAF0;
color:#000000;
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-tulisan h4 a{color:#00FFFF;}
.admin-tulisan img{
width:80px;
height:80px;
margin:0 10px 0 0;
float:left;
border:1px solid #000000;
padding:2px;
background:#000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
ketiga:
cari kode <div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-timestamp'>
kalau udah ketemu lalu Copas Kode Berikut dan Letakkan diatas kode <div class='post-footer'>
<!-- 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> ~ CUNGKUPMANIA BELAJAR NGEBLOG</h4>
<div class='kontainer'>
<img src='http://i1313.photobucket.com/albums/t551/curvasudsansiro/images12_zps3a51957e.jpg?t=1367951142'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan sobat serta kesediaan Anda membaca artikel ini.tinggalkanlah komentar baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis demi perkembangan blog ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://wongcungkup.blogspot.com/2013/05/tips-membuat-kotak-info-penulis.html ' target='_blank'>:: klik untuk membuat kotak seperti Ini ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
keterangan :
- ganti Tulisan Warna coklat dengan judul blog sobat
- ganti Tulisan Warna merah dengan URL Foto sobat
- ganti Tulisan Warna ungu dengan kata-kata sesuka hati anda
keempat:
simpat tempate dan lihat hasilnya.

0 komentar: