Juni 20, 2013
Tutorial:
- Buka Blogger dan pergi ke Edit Html dan cari kode ]]></b:skin>
- Kalau sudah ketemu, Copas kode berikut diatas kode ]]></b:skin>
#asrofinotif {
right: 10px
top: 10px;
width: 320px;
height: auto;
overflow: hidden;
background: rgba(255,255,255,0.9);
border-radius: 5px;
border: 1px solid #ddd;
z-index: 999999;
position: fixed;
-webkit-animation: fadeOutnotif 10s linear forwards;
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#asrofinotif a {
display:block;
text-decoration:none;}
#asrofinotif span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#asrofinotif span h2 {
font-size: 12px;
line-height: 21px;
color: #222;
font-weight: normal;
letter-spacing: 0px;
}
/* Asrofi blog */
@-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;}
}
- Terus cari lagi kode <body>
- Letak kan kode dibawah ini tepat dibawah <body>
<div id=asrofinotif'>
<span>
<h2><b>Notifikasi A.B</b>
<p>1. Text Sobat</p>
<p>2. Text Sobat</p>
<p>3. Text Sobat</p>
<p>4. Text Sobat</p>
<p>5. Text Sobat</p>
</h2>
</span>
</div>
- Kalau sudah, Tinggal Save xD
- Ganti yang warna Merah dengan Text sobat
- Kalau kode <body> tidak ada coba cari kode <body class='home blog'>
wah bermanfaat banget sob makasih ya :D
BalasHapuscommentback : http://reza-jkt48.blogspot.com/
Oke Sob
Hapus