Cara Membuat Pesan Pemberitahuan Admin Blog

Jumat, Juli 12, 2013

Contoh Pesan Pemberitahuan Admin Blog

Mand4rt - Cara Membuat Pesan Pemberitahuan Admin Blog , Maksud dari Tutorial Blog Pesan Pemberitahuan admin blog ekedar untuk pemberitahuan bahwa Blog kalian sedang dalam perbaikan, entah dalam pengembangan atau sedang menjalani hal-hal sibuk. Jadi kesimpulannya para pengunjung lebih paham mengapa Blog kalian sudah sangat jarang update.

Berikut Langkah - Langkah Untuk Membuat nya

✓ Letakkan di atas kode </body>

<style type='text/css'>
.notification{height:70px;width:480px;display:block;position:fixed;bottom:10px;left:10px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf}
.notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS77hmE_9svfOs5xSALnPB8_Fplu0TQDJQgTqh3VxH0y09B3P7gWiVSPHV9rk4j1UtDNh2sddPQ1MDVcWLAmbqh5anbRpGm2-MZ4B6L8fsN6lncbpNG3agcYTc-8KM3W9E9yC9DzqUp5c/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;/*Background Gradients*/background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))}
.warning:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcvjaP4n634LmJMwBtTNpLQTvzjYkltoAFhmZEq-g4KP6XOV02Ax5EjcTFtIr6ayAwYnvmShH5kFZNNImDwc8lN_5DH7qr9RtvYrPO_tkMDcBGPEn5Y8JvG9MNO2FTD8TQJEmLldIRlUU/);float:left;margin:15px 15px 0 25px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>

✓ Tambahkan kode di bawah ini (letakkan dibawah kode yang di atas tadi)

<script type='text/javascript'>
$(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<p><strong>Pesan Admin :</strong>Selamat Datang Di Tutorial Belajar BLog</p></div></b:if>

✓ Jangan lupa selimuti kode di atas.
1. Hanya muncul di halaman utama

<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE DI ATAS........
</b:if>

2. Muncul di halaman Posting

<b:if cond='data:blog.pageType == "item"'>
KODE DI ATAS........
</b:if>

DEMO TUTORIAL BELAJAR BLOG

Note:

•  Tulisan bottom yang Berwarna kuning dan left tulisan berwarna merah bisa di ganti dengan keinginan 
  
• Tulisan berwarna pink silahkan diganti dengan kata-kata kalian sendiri.

sumber : http://www.dte.web.id

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.