Cara Membuat Catatan,Tips dan Peringatan di Blog

Ada berbagai macam cara yang dilakukan oleh penulis blog untuk mengingatkan, memberikan Tips atau informasi berupa catatan-catatan khusus dalam postingan blog sehingga  para blogger ammpu mengaplikasikan apa yang menjadi keinginan dengan catatan, tips dan peringatan tersebut

.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/AVvXsEjIMvAJRG7murak0K-OSsqoCbN8uFfcrn0NSx88FB_DozeGyoO6M-eUV2LzPK4OquePjel91LwXxprzrhkEGHF_DHpwMwsEz9SXystfC65IdN-4Avd60sNkO0FoQO_YxeYAMYFOQjUk8Rc/s1600/info.png') no-repeat 12px 8px;

 color: #222

}

.tips {

 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUpz9UxNBgu4nsNX3WRRQQTh99KM988YPuee7BLI47RHJaEyM8kqXCxZDiKXu0hyphenhyphenEFqkJqjOUJvqJBqiR_9luCM_WuqzjrA-9jhyphenhyphenjm4_34FD-NCG6Z3gjD1P9DuZYFswI8-SwSvOCtNw/s1600/tips.png') no-repeat 12px 8px;

 color: #fff;

}

.warning {

 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLLMsh4gVYGt7cbZ9ANHY4jAddl3y86XIWXb3XYGtCeSiJppOzLFY8vvwDFmp7VcoybknzsMFpNlxaXnkP8DKV1Q5P2UDlwOSDxJeEkRbzl3BBKXQV6smiV-TDEwdMXAQSg6QGAdnAoE/s1600/warning.png') no-repeat 12px 8px;

 color: #fff;

}

• Untuk Info (catatan) sobat gunakan kode seperi ini  salahdi Postingan Saudara di Edit masuk tam html dan dipastekan code di bawah ini di bawah pastingan saudara

• Untuk Kode Info

<div class='info'>
http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html
</div>

• untuk tips, kodenya seperti ini :

<div class='tips'>
http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html
</div>

• untuk peringatan atau warning :

<div class='warning'>
http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html
</div>

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

<p class='info'>
http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html
</p>

Bila semuanya di terapkan di Postingan maka akan tampak seperti ini Untuk Kode Info

http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html

untuk tips, kodenya seperti ini :

http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html

untuk peringatan atau warning :

http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html

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

http://sanggar-belajar.blogspot.com/2014/05/cara-membuat-catatantips-dan-peringatan.html

Tweet

Ditulis Oleh: wisata pisak at 10:18 PM