Selamat datang sobat... post pertama saya akan saya beri tau cara membuat pesan yang muncul...
Mau tau caranya.... Langsung Saja Ke Tutorial...
Cara Membuat Pesan Muncul Dalam Beberapa Detik
1. Masuk Ke Beranda Blogger > Template > Edit HTML
2. Cari Kode ]]></b:skin> Atau </style>, Untuk Memudahkan Pencarian Anda Dapat Tekan CTRL + F
3. Masukkan Kode Di Bawah Berikut, Lalu Letakkan Di Atas Kode ]]></b:skin> Atau </style>
/* CSS Messages */
#messages{position:fixed;bottom:20px;left:20px;z-index:600;display:none}
.message{max-width:700px;background:#eee;padding:10px 13px;line-height:1.5em;display:inline-block;margin-top:10px;border-radius:3px;font-size:14px;}.message .control-delete{float:right;margin-left:6px;margin-right:-6px;margin-top:-6px}.message a{color:#000}.message.hasIcon img{float:left;margin:-2px 8px -2px -3px}.messageLink{display:block;float:left;padding:8px 13px;margin:-7px 0 -7px -12px}.messageLink:hover{text-decoration:none;background:rgba(0,0,0,0.1)}
.message.warning{background-color:#fde;border:1px solid #ebb;color:#c00}
.message.blucol{background-color:#CCE3FF;border:1px solid #AAD5EE;color:#000355}
.message.sukses{background-color:#cfd;border:1px solid #aeb;color:#050}
.message.notif{background-color:#FFEDCC;border:1px solid #EED3AA;color:#554B00}
#messages a{color:#444;}#count-messages{display:none}
4. Letakkan Kode Di Bawah Ini, Lalu Letakkan Tepat Di Bawah Kode <body>
<div id='messages'><div class='messageWrapper'><div class='message sukses dismissable'>
<a class='control-delete dismiss' href='#'><i class='fa fa-remove'></i></a>
Selamat Datang Di Ferdi Style. <a href='#' onclick='window.location.reload();return false'>Refresh Halaman</a>.
</div></div></div>
Anda Dapat Merubah Tulisan Sukses Dengan Yang Lain :Kuning : Notif
Hijau : Sukses
Biru : Blucol
Abu-Abu : Neutral
5. Taruh Kode Di Bawah Ini, Lalu Letakkan Tepat Di Atas Kode </body>
<script type='text/javascript'>
//<![CDATA[
var seconds = 300;
setInterval(
function() {
if (seconds <= 1) {
messages.style.display = "block";
} else {
document.getElementById('count-messages').innerHTML = --seconds;
}
},
1000
);
document.write('<span id="count-messages">300</span>');
//]]>
$('.dismiss').click(function() {
$('#messages').hide();
});
</script>
6. Klik Simpan
Tag :
HTML
0 Komentar untuk "Cara Membuat Pesan Yang Muncul Dalam Beberapa Detik"
Maaf Jika Komentar Anda Jarang Saya Balas, Karena Sibuk Di Dunia Maya