Home » » Cara Membuat Kotak Admin di Bawah Postingan

Cara Membuat Kotak Admin di Bawah Postingan


Cara Membuat Kotak Admin di Bawah Postingan


Cara Membuat Kotak Admin di Bawah Postingan

Cara membuat kotak admin berada di bawah postingan bisa dilihat dari gambar disamping. nah berikut caranya :

1. Log In ke account blog sobat.
2. Setelah berada di menu dasbor klik menu rancangan.
3. Edit HTML.
4. Beri centang pada tulisan Expand Widget Default.
5. Cari kode  ]]></b:skin> 
6. Lalu tambahkan kode di bawah ini tepat diatas kode  ]]></b:skin> 
.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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 .kontainer{padding:5px;}
.admin-tulisan h4{
background:#999999;
border:none;
border-bottom:1px solid #699019;
color:#fff;
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:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
7. Lalu cari kode berikut <data:post.body/>
8. Tambahkan kode di bawah ini tepat dibawah kode <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> ~ Blog Com</h4>
<div class='kontainer'>
<img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368838_100001053031325_1928507965_q.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
9. Save dan selesai

Keterangan :
Warna Kuning : Ganti dengan title blog sobat.
Warna Hijau    : Ganti dengan Url foto sobat.
Warna Coklat  : Ganti dengan keinginan sobat


Cara Membuat Kotak Admin di Bawah Postingan


DOWNLOAD NOW (MIRROR LINK)


Cara Membuat Kotak Admin di Bawah Postingan

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blog

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Tips Trik Blog™ - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger