Membuat Pesan Warning Admin

Sebelumnya Posting mengenai Tombol Share Mirip Mas Sugeng, Emoticon Campur dari Master Jin dll. Kali ini saya akan share Cara Membuat Pesan Warning Admin. Dengan tampilan warna kuning yang mengagumkan, saya jamin pengunjung tidak segan-segan untuk melihat pesan dari Admin suatu Blog.

Apa sih guna Pesan Warning itu nanti mas ?? Mungkin sekedar 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. Bagaimana ?? Cukup logika kan ?? Hehe. Berikut penerapannya langsung dari Master Jin

✓ 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/AVvXsEgz7PXk-Y1WKTde_15aFAIoGuQ86G0LTsaMorNkFc2yYeiWA_z2JF4TZ9fUjm8K6UFbUn0f-VumW_zLb0ElQU9APsBCsoGVkqGrDfgwYygmT_5qDvWBkK2BNkT-SCz35xsW-ifm4UNY570/) 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/AVvXsEg0aXY7s-TtwnrfXfk-Z6XbHluMgWb-2pIG3QukmcaVQ9l-4elbEj3w5kJiBgPH4UJjJ3x09OLi_OV3jaBKzhRghOEp3KKPNXlVkzpzSIw85NCqFO5o7oG9QsBI9mfpKFEM0eTXDG3X9uk/);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>Mohon maaf apabila terdapat gambar posting yang kurang rapi dll.</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>

Tulisan berwarna merah silahkan diganti dengan kata-kata kalian sendiri.

Demo