Cara membuat Kotak pemberitahuan | Tips/Trick | Cara membuat | TuTorial ku untuk mu ~ TuTorial Ku UnTuk Mu

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Trik kali ini Membuat Kotak Pemberitahuan Blog. Ada banyak cara untuk melakukan trik ini, di mana saya memperkenalkan sebuah aplikasi kecil Jquery dalam menciptakan Kotak Pesan Blog. Sebuah fitur khusus dari kerangka ini adalah bahwa pembaca dapat mematikannya jika diinginkan, sehingga memastikan estetika blog Anda.

Langsung saja ke langkah-langkahnya.

Langkah 1
Sign In Ke Akun Blog anda
Langkah 2
Masuk ke Rancangan
Langkah 3
Edit HTML
Langkah 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/AVvXsEiuddUSqfqKxp8LwjJBQBosIHq-aVUemCWAsXUfjhb8tdiDmXwd0ACKHHEMQ3RyI05MFzpEV4yYc_rIGEgyqK6WOomtYZJFkBnU0TMaxt3wVW5lwzxVo75TZBAFYuPQ5-moG33sTSo-nwU/) 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/AVvXsEho00G4jungoWVMxVJYOXIsY6IdpClqh7hvbT1aCXxxioikbq2QgZbkKQrGF1W69-cnc48PLbkLHe9uDFjeDJpGOI_JmYCVRQba1WbH2cgmFH9sx56762oYl9WJ33CIsOF6XJ5ReXnsJs4/);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(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<p><strong>Warning!</strong>Selamat datang di blog DeeJayHan, Tutorial Ku UnTuk Mu</p></div></b:if>

Langkah 5

Ganti tulisan yang dicetak TEBAL dengan sesuka anda.
Langkah 6
Simpan Template anda danlihat hasilnya sungguh sempurna

SELAMAT MENCOBA

Ditulis Oleh : Syariƒ™ ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara membuat Kotak pemberitahuan | Tips/Trick | Cara membuat | TuTorial ku untuk mu. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

<a href="http://sariptrik.blogspot.com/2012/07/cara-membuat-kotak-pemberitahuan.html" target="_blank">Cara membuat Kotak pemberitahuan | Tips/Trick | Cara membuat | TuTorial ku untuk mu</a>