Untuk membuat alert message seperti di atas caranya sangatlah mudah,cuman dua langkah untuk melakukannya.
1. Simpan kode di bawah ini, di dalam kode Css template kita. gt;.
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
contohnya saya menyimpan kode alert message tersebut di atas kode ini.
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
kemudian kita tekan SIMPAN TEMPLATE. Beres sudah pekerjaan kita. Untuk mencoba apakah tulisan bergaya Alert Message ini berjalan. buat postingan, kemudian dalam editor blogspot kita menulisnnya ke dalam bentuk Html jadi tekan tulisan EdIT HTML. Tulisan-nya seperti ini.
DI SINILAH KITA MENULISKAN KATA-KATA
MUTIARA ATAU PESAN
Kalau kita mau merubah warna background atau icon-nya tinggal ganti saja kode yang bertuliskan warna putih berikut ini :
Background : #FFF6BF Url (http://alamatgambarkamu/);
Sedangkan untuk menganti warna border :
Border-top: 2px Solid #ffd324;

Tidak ada komentar:
Posting Komentar