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;
}
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 == "item"'>
<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:
Posting Komentar
Berilah komentar yang sejujur2nya dan bertanyalah untuk menemukan solusi