Message Plus Plus ini adalah merupakan berbagai bentuk pesan dalam postingan.
Pesan yang secara otomatis terpasang apabila kita panggil kode/script pesan tersebut.
Seperti pesan warning dibawah ini :

itu adalah salah satu bentuk pesan yg ane buat.
dan itu cukup dengan memanggil kode/script yg sudah ane pasang ditemplate blog ini,
tanpa harus membuat seperti itu seketika setiap memposting.

Ni dia contoh-contoh bentuk Message Plus Plus yg sudah ane design.
yang nantinya tergantung selera sobat semua mengembangkan nya..
tinggal diatur az kode/script CSS nya..





Ok.. langsung az ke cara pembuatan nya..

LANGKAH 1
Masukan kode/script dibawah ini diatas ]]></b:skin>
pada halaman Rancangan, Edit HTML blog sobat.

.info, .sukses, .warning, .error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dGRprDHEZC9_VNgghdasRbiG4AFNqrB86wyuJ0n0jnRfm_8L1MhUM-k_8wEwyAHTgZXtDAo0MvYet5Sbjue32TXJRpkUPuXUHIgUiQA48pamIP6-pLUh5eCitx1jfJ9H2ahHS1Jid8c/);
}
.sukses {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOTDaG2d2VSkyRZFVdP0PNXOBezhHQ3w2cIVcYEots2l-7LMP4zga4SBOH4FI_scIOKyTI418wB2ya0gB4qp_L_CnLtJKplon0d3AO1zH_nDuz5sLWbxchfpdSbeywJ-J5l6xQQSsCrE/);
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9CaxZbgB0PQI0Dnj1dlBZD_dDCZnN8U84m_IpRTOE4wbV_01cxgU9PzuTZrTtNOunCC-rwIBCReZBXtmgZyiDnJjFEDrP8plt1CwvABx32bX5xutIEyTmMBNOayRLECN3DvbSgIFfl4/);
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDUE49EVaSlSK7b282fxKDtE6ak97axn6BR9FcnSfotjMEZ7evkg7I3sPCDxUvQmuE-wwix7lMI1F-_eWuI8_hK-02zObd6p_WB4ZH6UAmq7S7GLx9RqUqpl-2u3-0KSzZ_hvHOvhlKZ0/);
}

Pada kode/script diatas terdapat :
background-color: #FEEFB3;
kode/script berwarna merah adalah kode warna HTML, Sesuaikan saja dengan kode warna kesayangan sobat.

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9CaxZbgB0PQI0Dnj1dlBZD_dDCZnN8U84m_IpRTOE4wbV_01cxgU9PzuTZrTtNOunCC-rwIBCReZBXtmgZyiDnJjFEDrP8plt1CwvABx32bX5xutIEyTmMBNOayRLECN3DvbSgIFfl4/);
dan kode/script berwarna biru adalah URL gambar, bisa sobat ganti dengan URL gambar punya sobat.
tapi disarankan yg berukuran 32 x 32 pixel, agar sesuai dengan ukuran  Message diatas.

LANGKAH 2
Masukan kode/script pemanggil dibawah ini kedalam postingan, pada mode edit HTML.
Perhatikan bentuk-bentuk message dan kode/script nya satu persatu.





kode/script yang dicetak tebal adalah isi pesan dari tiap masing-masing message.
Rubahlah sesuai kehendak sobat.

Seandainya sobat ingin menampilkan type Message Warning, maka kodenya seperti ini :
<div class="warning">Warning message</div>
Warning message adalah isi pesan nya.


Begitu juga seterusnya.
Sesuaikan masing-masing kode/script dengan bentuknya, seperti contoh diatas.

LANGKAH 3
Simpan dan terbitkan postingan.
Lihat hasilnya..
Cukup menarik kan ??

Silahkan sobat  kembangkan lagi kode/script Message Plus Plus diatas.


Selesai.
Selamat mencoba dan semoga berhasil dan bermanfaat.


Oiya.. ada yg lupa..

Setelah kemarin2 menggunakan menu yg berkapasitas berat bangets,
sekarang lumayan (ga kalah beratnya jg sih.. wkwkwk..).
dengan tidak menghilangkan fungsi dari menu yg kemarin,
masih ada Link Home, Tips n Trick, Archive, Info Author, Forum (Guest Book) dll.
pengen tau seperti apa??

Letakan cursor sobat di atas Header blog ini !!