Membuat Pesan Alert di Postingan Blog

- December 09, 2014


infoalya.com

Untuk membuat Membuat Pesan Alert di Postingan Blog sahabat dapat menggunakan script dibawah ini.

Letakkan CSS berikut tepat diatas ]]></b:skin> atau </style>
simpan template jika selesai


.info, .success, .warning, .error {
background-repeat: no-repeat;
background-position: 10px center;
border: 1px solid;
margin: 10px 0;
padding: 14px 9px 14px 48px;
}
.info {
color: #0D81E9;
background-color: #C8E9F8;
background-image: url('http://2.bp.blogspot.com/-d2cv8pI-jfM/Ulw6L5EShdI/AAAAAAAAFK4/oFwO7EjbdME/s1600/tbm_info.png');
}
.success {
color: #0D8F07;
background-color: #E5FAC3;
background-image: url('http://2.bp.blogspot.com/-xMBjARKE2dU/Ulw6Lwjm6PI/AAAAAAAAFLA/CIl8ftuS3ho/s1600/tbm_success.png');
}
.warning {
color: #DD8500;
background-color: #EBDCA3;
background-image: url('http://4.bp.blogspot.com/-pZIq9VNFwjU/Ulw6MmosfPI/AAAAAAAAFLQ/EttTXiUCK4w/s1600/tbm_warning.png');
}
.error {
color: #DF000C;
background-color: #F5C8C8;
background-image: url('http://4.bp.blogspot.com/-KG0amzHF73Y/Ulw6LxQOepI/AAAAAAAAFK8/f4fWxfCBVOE/s1600/tbm_error.png');
}

Masukkan kode dibawah ini pada mode HTML di postingan anda

<div class="info">Pesan Informasi</div>
<div class="success">Pesan Sukses</div>
<div class="warning">Pesan Peringatan</div>
<div class="error">Pesan Error</div>




Terima Kasih untuk mas Virlyz Nyzam

http://samsury-sites.blogspot.com/2014/01/membuat-pesan-alert-metro-style.html

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

 

ketik dan enter untuk mencari