Membuat Kotak Alert di Postingan

Ini merupakan permintaan dari seorang sahabat blogger juga. Katanya, bagaimana membuat kotak 'penting' [alert atau warning] di dalam postingan. Nah, sebagai blogger yang baik [narsisnya nungul lagi nee,,] ini thom tuliskan caranya. Kalau ada yang minta masa' tidak boleh? Kan blognya thom ini thom sharing :D Biar sesuailah sama namanya :D
Oke, bagaimana membuat kotak alert atau warning di postingan kita? Just check it out..

Kotak alert
Kotak ini fungsinya supaya pembaca blog kita memperhatikan benar, karena mungkin di dalamnya terdapat sesuatu yang membutuhkan perhatian lebih atau juga yang sifatnya peringatan.
Contoh :

Dilarang copas, selain mendapatkan ijin dari thom

Cara membuat kotak alert :

• Masuk ke Layout » Edit Html
• Copy code dibawah ini :
  

  .alert {
  background:#ffcdc5;
  border:1px solid #cd2d12;
  font-size:.9em;
  padding:5px 5px 5px 35px;
  margin:.5em 0 .5em 0;
  min-height:35px;
  color:#8c1400;
  }

  
  
• Setelah itu, paste sebelum code
  ]]></b:skin>
• Selesai.. :) Mudah bukan? Kita cuman main CSS kok :)

Nah untuk pengaplikasiannya, pada saat menulis postingan, sisipkan kalimat yang akan di jadikan alert di dalam kode <p class="alert">...</p>

Contoh :
Kalimat alert-nya ini : Dilarang copas!
Nah, apit kalimat tersebut dengan kodenya sehingga menjadi seperti ini :
<p class="alert">Seklai lagi, Dilarang copas!</p>

Jadi deh :)