Hay sob kali ini saya akan share lagi Cara Membuat Notifikasi Di Blog. Ikuti Stepsnya:
1. Letakkan kode ini di atas
]]></b:skin> :
#notifjo a {
display:block;
text-decoration:none;}
#notifjo span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#notifjo span h2 {
font-size: 12px; /* Ukuran text */
line-height: 21px;
color: #222; /* Warna text */
font-weight: normal;
letter-spacing: 0px;
}
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
2. Letakkan kode dibawah ini di bawah
<body>
<div id='notifjo'>
<span>
<h2><b>
Pemberitahuan :</b>
<p>
1. Blog Sedang Diperbaiki</p>
<p>
2. Mohon Maaf Jika Masih Acak-acakan</p>
<p>
3. Admin Blog Ini Sedang Blog Off Sementara^_^</p>
</h2>
</span>
</div>
NB:
Silahkan ubah tulisan yang berwarna
Hijau dengan kata-kata sobat sendiri.
Simpan. dan selesai deh. ^_^
Judul : Cara Membuat Notifikasi Di Blog
Deskripsi : Hay sob kali ini saya akan share lagi Cara Membuat Notifikasi Di Blog. Ikuti Stepsnya: 1. Letakkan kode ini di atas ]]></b:skin...