Cara Membuat Kotak Pemberitahuan Blog

Dalam posting kali ini bayarsaja.blogspot.com akan menyampaikan artikel tentang Cara Membuat Kotak Pemberitahuan Blog. Semoga dengan artikel Cara Membuat Kotak Pemberitahuan Blog akan menambah pengetahuan bagi anda pembaca setia bayarsaja.blogspot.com

1. Sign In Ke Akun Blog anda
2 .Masuk ke Rancangan
3. Edit HTML
4. Copy Kode dibawah ini. dan pastekan diatas kode </body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<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/AVvXsEgqoUORq8hTmb6Re8zYPSqv2-E4FYvlgL00j1fIM5LlFYkVhQzxLSJ9SinkyXVUY_ZpC30myzADiQjNfckrFMbsa7pavMsCIkPG6vxKnHBNDKa-CwQN1zgDKbT7EXkIw-8t9XiYcKrX2ZI/) 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/AVvXsEimNR-S4NxvJZYU9DjfwcwvP1wejnSDzGdRRH9TY6ypGr-Z5-wz6i4eadJZF065xnRvnPg2tCWu9tQrx9VaNYucHBd09Rha8uBskozgpECItowbrxtTqVl-s_mNNE8uA_lygXheLSGaF94/);float:left;margin:15px 15px 0 25px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<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>Warning !! :</strong>Kalo Mau Copas Tekan CTRL+C,, Please Gunakan Sumbernya Ya,,PLAGIAT SEMPAK BANG</p></div></b:if>

5. Ganti tulisan yang Berwarna Merah Dengan kata kata anda sendiri
6. Simpan Template.

Dapatkan berita terupdate dan unik setiap saat hanya di bayarsaja.blogspot.com

Homepage|http://bayarsaja.blogspot.com