Pagi semua....
kali ini saya akang meng-share info tentang cara membuat Kotak Admin di bawah posting...
kotak admin itu kaya di gambar itu sobat...
nah nih caranya
- Ke Dashboard
- Pilih Template
- Edit HTML
- Centang Expand Template Widget dulu sobat
- Lalu cari kode ]]></b:skin>
- Masukkan kode berikut di atas kode ]]></b:skin>
- Lalu cari kode <data:post.body/>
- Masukkan kode berikut ini di bawah kode <data:post.body/>
- Ganti tulisan ORANGE dengan subtitle blog kamu
Ganti tulisan HIJAU dengan alamat gambar kamu
Ganti tulisan BIRU dengan kalimat kamu - Lalu simpan deh...
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
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:none
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
<!-- 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> - Tempat Berbagi Info</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggPeELcNQD6dAs4QZUjSscNZ7nS7wfRfi7lT45w7ht975u4Pbqp7eWa44WgIKdGLCIEqpJl1B-pT35AsFRoEqXDAsPhd403jM-ldeXO0gLP8WkxwqExaVObpsastdNm9h7jqZOJXH4b__/s1600/157397_100000887946342_2058267407_n.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat semua. Terimakasih atas kunjungan kamu serta kesediaan kamu membaca artikel ini. Kritik dan saran dapat kamu sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Lihat sekarang.... keren kan,,,
No comments:
Post a Comment