Memasang Alert Message Box

Kali ini kita buat Alert Message pula. Caranya mudah saja dan amat sesuai digunakan untuk bubuh nota kaki, petua, pesanan, atau apa saja yang kamu mahu. Terpulang, lagipun Alert Message bukan saja nampak kemas tapi pelawat blog kamu pun boleh perasan apa yang kamu luahkan dengan lebih cepat.

Kalau tak silap ini rekues kepunyaan Sweet HoneY (#45), lagipun aku tak faham ayat dia. Kepada yang lain, aku minta tulis secara lengkap dan lebih profesional, aku pun tak adalah nak pening-pening kepala.

Tutorial ini diilhamkan oleh Bruce McKenzie, jika kamu nak tukar gambar alert itu kamu boleh upload sendiri di web Famfamfam.




Memasang Alert Message

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini :

]]></b:skin>

03. Tambahkan kod ini di atasnya** :

.alert-red {

background: #fff6bf url(http://tinyurl.com/aowr5a) center no-repeat;
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;

}

.alert-blue {

background: #f8fafc url(http://tinyurl.com/chq5lr) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;

}

04. Pilih Save.

05. Pilih Setting > Formatting > Post Template.

06. Tambahkan kod ini :

<p class="alert-red">Kata-kata yang ingin dimasukkan ke dalam Alert Message.</p>

<p class="alert-blue">Kata-kata yang ingin dimasukkan ke dalam Alert Message.</p>

Kod ini akan tertera setiap kali kamu membuka New Post.

07. Pilih Save.