Headline
Loading...

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('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;

 color: #222

}

.tips {

 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;

 color: #fff;

}

.warning {

 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/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
di 22.18

2 komentar

Bung Frangki delete 6/11/2014

makasih gan...
ijin pake yaaa :D

Ok...Silahkan di sedot....

1. Berikan Komentar Anda Sesuai dengan Judul Artikel.
2. Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan ke folder SPAM.
3. Untuk pertanyaan Out Of Topic ( OOT ) silahkan klik Forum

Konversi KodeEmotionForum

Back to Top