Pages

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 :)

10 comments:

  1. Mantabs,.... bisa juga di coba..
    Gimana kabar Sobat, Semoga Tambah Sukses Ya....

    ReplyDelete
  2. siip..... keren bro...........
    tak coba deh............

    ReplyDelete
  3. wah betul tuh...bagus kalau gt,jd tambah jelas....

    ReplyDelete
  4. wahhh
    ketemu nehhh
    aku juga pengen neh yg kek gini

    coba dulu ah
    :)

    ReplyDelete
  5. Alhamdulillah....

    dapet ilmu baru nee...

    but itu cara paling singkat ya...

    coba ada yang lebih singkat lagi...

    ReplyDelete
  6. Berat... berat.... tenan postingane.....

    ReplyDelete
  7. mantab, jadi tambah kuat alertnya...

    ReplyDelete
  8. @Digital Baca
    Baik.. :)
    Wah long time no chat yah kita..
    Ntar deh aku tak mampir :)

    @sungaikuantan
    Monggo...

    @tiyo avianto
    Bener.. jadi lebih ditekankan dan membuat orang penasaran, soalnya paling beda sendiri dari yang lain. Ostomastis akan mendapat perhatian lebih deh :)

    @Rusa Bawean
    Silahkan.. :)

    @nur kholiq
    Ada.. nyuurh thom aja :D, sinih user ama passwordny :D

    @Pak Agil
    Wekekeke.. Aku klo disuruh ngikutin blognya njenengan Pak yang nyebut.. Klo kimia dah deh, gak. Maksih :D
    Untung udah lulus huehehehe

    @suryaden
    Yups bener.. Jadi lebih 'berani' hehehe

    ReplyDelete
  9. Wuish...sudah update ne, Q ketinggalan..makasih Sobat tutorialnya...Segera dipraktekkan dah..Ehem..

    ReplyDelete
  10. Sip untuk postingnya karena mengandung tutorial yang bermanfaat

    ReplyDelete

Sangat dianjurkan berkomentar, tapi jangan nyepamm . OK?!