Minggu, 30 September 2012

Cara Membuat Kotak Pesan Admin


                 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. Copy kode dibawah ini Kemudian Paste kan di atas 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;
}


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 postingan ini dapat bermanfaat<p><span style='float:right;font:italic 6px Arial, Sans-Serif;'><a href='http://photoshopvol.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

 =========================================================================

Silahkan di coba semoga berhasil, karena tutorial ini sudah photoshopvol buktikan sendiri, dan tolong di ingat bahwa semua postingan yang ada di blog ini tentunya sudah photoshopvol buktikan kebenarannya.
"Ada udang di balik batu" yang artinya "Udah Dulu"
=========================================================================

0 komentar:

Poskan Komentar

Berilah komentar yang sejujur2nya dan bertanyalah untuk menemukan solusi

BIODATA

devolphotoshop

silahkan di pollow blog saya atau tinggalkan comment sebelum menutup blog ini
terimakasih atas partisifasinya