Home » » Cara Membuat Kotak Pemberitahuan Blog

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

Sobat baru saja membaca artikel yang berkategori Tutorial dengan judul Cara Membuat Kotak Pemberitahuan Blog. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL https://bayarsaja.blogspot.com/2013/01/cara-membuat-kotak-pemberitahuan-blog.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar

Mohon berkomentar dengan baik dan sopan. Komentar bernada spam akan saya hapus