Cara Membuat Kotak Admin Di Blog

Untuk membuat Blog kita menjadi lebih baik dan komunikatif itu banyak sekali caranya.

Salah satunya dengan membuat / memberi Kotak Admin dibawah Postingan yang berisi keterangan dari Admin / Author Blog tersebut tentang artikel yang di postingnya.

Baiklah, pada postingan kali ini saya akan mengshare Cara Membuat Kotak Admin Di Blog.

Berikut caranya :

1. Masuk Ke Dasbor

2. Pilih dan Klik Rancangan

3. Klik Edit HTML

4. Beri tanda centang pada kotak Expand Template Widget

5. Cari kode <div class='post-footer-line post-footer-line-1'> di dalam template anda
(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

<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 Blog</h4>
<div class='kontainer'>
<img src='http://litbangv2.senta-corp.com/uploaded/icon/Profil_Peneliti.png'/>
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 Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://ubed-ubloseven.blogspot.com/2012/01/cara-membuat-kotak-admin-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

6. Copy kode diatas berikut dan Pastekan tepat diatas kode <div class='post-footer'>

7. Kemudian cari kode ]]></b:skin> pada template anda

(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

8. Copy kode dibawah ini dan Pastekan diatas kode ]]></b:skin>. Jika gagal anda juga dapat meletakkan kode dibawah ini tepat dibawah kode <data:post.body/>

.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 .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
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;
}

9. Klik Simpam Template

Begitulah gambaran dari Cara Membuat Kotak Admin Di Blog.
Baca juga Cara Membuat Animasi 3D Cubes.

Semoga ilmu ini bermanfaat. Terima Kasih.

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).