Membuat Catatan, Tips dan Peringatan di Blog

Selamat pagi sobat Share Pengetahuan, dari pada saya ngga ada kerjaan, dan untuk tidur pun susah di pikir - pikir mending saya posting Blog hehe. pada kesempatan kali ini saya akan posting sedikit nih tentang Cara Membuat Catatan, Tips dan Peringatan di Blog, Sebenarnya cara ini saya pakai hanya untuk memperindah tampilan Blog supaya pengunjung bisa makin betah main ke blog kita hhohoho.
Untuk lebih jelasnya lagi mungkin akan saya berikan contohnya nih sob, sobat bisa lihat di bawah:

Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.

Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.

Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.

Bagai mana sob? menarik kan?? hehe, bagai mana sih cara pemasanganya?? Yuk langsung di simak aja sob. silahkan sobat simpan kode ini di atas ]]></b:skin> atau </style>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzkDKXTU0K86e5iI004WWe4yu7CzIEuPsxuSnkuZsNvGxyPCPrWa1lvzIarykOYD9ik2uhLWLjIk7t7wWCBpUBcvQhHM_ve2yPhnd22IwLaMAvJInAP7aNleF6FBejY2Pgadg3TQCiBo/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY7PQPbmsPPNLz-KiIhm-yBkYOalzLxSSZnJzizqx7KCnB3pbwmi3O6_uttIAKUMcuvmMEktbOeXkzAyYW83xkMNPv1PP6CaxrCAeJbEASvQQ2xxwSxKGwPUhPk5jZ9WEeqA4dIHQQp0E/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEVMKKMvR3kq_qB1nwFsPVUYVpd8RNAee7_4NnaWsYuVEK2iK_NlKnvp9taq3dP_dJkfBARiBtdnPICgDYASin0wWvZns0LuOhxaxMwMNZGpeLiMLaqHYW6jbDLjElWl8nL9l_6D6aTPg/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

Selanjutnya, apabila sobat ingin memasukan Catatan tersebut ke dalam postingan, sobat tinggal memilih blok mana yang akan digunakan. (Tulis kode dalam mode HTML). Untuk Info (catatan) sobat gunakan kode seperi ini:

<div class='info'>
Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.
</div>

untuk tips, kodenya seperti ini :

<div class='tips'>
Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.
</div>

untuk peringatan atau warning :

<div class='warning'>
Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.
</div>

Sobat juga bisa gunakan tag p dalam penulisan kode HTML, contoh :

<p class='info'>
Jajal Catatan Share Pengetahuan http://caritau12.blogspot.com/2014/04/membuat-catatan-tips-dan-peringatan-di.html.
</p>

Bila semuanya di terapkan di Postingan maka akan tampak seperti ini

Ooke deh sob, mungkin cukup sampai di sini dulu ya postingan saya tentang cara Membuat Catatan, Tips dan Peringatan di Blog, semoga bisa berguna dan membantu sobat semua. Trimakasih