Cara Membuat Kotak Pesan Admin

Posted by MUH Yusran Monday, June 11, 2012 27 komentar
Kotak pesan admin merupakan salah satu atribut blog yang bisa memperindah tampilan blog, dengan kotak pesan admin ini akan lebih menampakkan kesan profesionalan dari sang blogger. Selain itu kotak pesan admin juga dapat berfungsi sebagai penyampai keinginan admin kepada para pengunjung blog.
untuk membuat kotak pesan admin, silahkan ikuti langkah di bawah ini:

1. Login ke Blogger
2. Masuk ke Rancangan lalu pilih Edit HTML
3. Expand Template Widget anda
4. Paste kode dibawah ini diatas kode ]]></b:skin>
.kotak-admin{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #C0C0C0;
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;
}
.kotak-admin .kotak-add{padding:3px;}
.kotak-admin h4{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:lowercase;
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;
}
.kotak-admin h4 a{color:#FFDA43;}
.kotak-admin img{
width:50px;
height:60px;
margin:0 8px 0 0;
float:left;
border:0px solid #F6E5DA;
padding:1px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

5. Paste kode dibawah ini tepat  diatas kode <div class='post-footer'> jika ada dua kode, pilih yang pertama

<!-- kotak pesan admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='kotak-admin'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> :. hanya sebuah blog kecil</h4>
<div class='kotak-add'>
<img height='35' src='sumber gambar anda' width='75'/>
Anda sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Semoga segores tulisan ini bermanfaat<p><span style='float:right;font:italic 6px Arial, Sans-Serif;'><a href='http://catatan-yd.blogspot.com' target='_blank'>terima kasih atas kunjungannya</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak pesan Admin -->
Keterangan: kode biru adalah url gambar

6. Simpan template anda lalu lihat hasilnya

Silahkan edit kalimat yang ada dalam kotak admin tersebut, berkreasilah untuk menghasilkan kotak admin yang indah untuk dipandang pengunjung setia blog anda.

keep posting, never mind everything, everyone...!!!!


Baca Selengkapnya ....
Ricky Pratama's Blog support EvaFashionStore.Com - Original design by Bamz | Copyright of DOWNLOAD SOFTWARE GAME DAN ANIME GRATIS.