Membuat "Alert Message" dlm Postingan

Oct 26, 2007

Terkadang ada semacam kalimat peringatan atau sebuah kalimat penekann yang ingin kita sisipkan dalam postingan kita. Atau juga mungkin ingin menyisipkan kata-kata kiasan atau kata-kata bijak. Biasanya kalimat itu di wakili dengan di beri huruf tebal atau miring, ada juga yang di beri garis bawah dan terkadang kita tulis dengan gaya Blockquote ( tanda kutip ).

Dan di bawah ini, saya ingin menunjukan variasi lain untuk kalimat-kalimat seperti di atas.

Sungguh menyakitkan mencintai seseorang yang tidak mencintaimu, tetapi lebih menyakitkan adalah mencintai seseorang dan tidak pernah memiliki keberanian untuk mengutarakan cintamu kepadanya.

Untuk membuat alert message seperti di atas caranya sangatlah mudah,cuman dua langkah untuk melakukannya.

1. Simpan kode di bawah ini, di dalam kode Css template kita. gt;.

.alert { background: #fff6bf url(http://i120.photobucket.com/albums/o190/jaloewig/jaloe/alert%20message/information.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }

contohnya saya menyimpan kode alert message tersebut di atas kode ini.

/* Header ----------------------------------------------- */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }

kemudian kita tekan SIMPAN TEMPLATE. Beres sudah pekerjaan kita. Untuk mencoba apakah tulisan bergaya Alert Message ini berjalan. buat postingan, kemudian dalam editor blogspot kita menulisnnya ke dalam bentuk Html jadi tekan tulisan EdIT HTML. Tulisan-nya seperti ini.

<p class= "alert"> DI SINILAH KITA MENULISKAN KATA-KATA MUTIARA ATAU PESAN </p>

Kalau kita mau merubah warna background atau icon-nya tinggal ganti saja kode yang bertuliskan warna putih berikut ini : Background : #FFF6BF Url (http://alamatgambarkamu/); Sedangkan untuk menganti warna border : Border-top: 2px Solid #ffd324;

conto-contoh alert message yang sempat saya masukan di blog ini.

Semua orang dapat melakukan apapun bila ia percaya dan menginginkannya.

Apa yang memberi kita kepastian dalam hidup kita adalah keberanian.

Doa memberikan kekuatan pada orang yang lemah, membuat orang tidak percaya menjadi percaya dan memberikan keberanian pada orang yang ketakutan.

Tuhan memiliki bejana di bumi. Itulah hati. Dan bejana yang paling di sukai Nya, adalah bejana yang bersih.

Jangan membeli apa yang dapat anda pergunakan, tetapi belilah apa yang mutlak diperlukan.

Tutor By : www.bioneural.net

del.icio.us tags: , ,

12 comments:

  1. keren... tengkyu yah...mo dicoba deh insya Allah...

    ReplyDelete
  2. inilah tutorial yg selama ini aku cari2. makasih ya tlah membuat postingan ini, udah sy coba aplikasikan dan hasilnya sukses. thanks

    ReplyDelete
  3. wah... kykx bagus, cm agak kurang jelas. bisa dijelaskan secara rinci?
    kirim message di emailku nah...
    ariefku@assalammualaikum.com
    thnkz b4

    ReplyDelete
  4. subhanallah aya didieu elmunya ternyata, abi tos lieur nyobian,...hatur tengkyunya kang...

    kumaha lebaranna?

    ReplyDelete
  5. Mas dulu ibunya ngidam apa sih..kok ada aja yang baru... he he...dah dicoba tuh...keren

    ReplyDelete
  6. to edisamsuri ..

    heuheuheu apa hubungannya ama ngidam.. pak guru

    ReplyDelete
  7. Akang, gimana nih, aku ga bisa nemu
    /* Header ----------------------------------------------- */
    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    di tempatku, bisa ditaruh dimana lagi? bantuin donk...

    ReplyDelete
  8. aku pake blogger beta, udah tak coba tapi Phrase not found. help.

    ReplyDelete
  9. Alert message nya dah dicoba dan berhasil...thank you Mas....

    ReplyDelete
  10. coba alert nya di blog baru....thanks ya..mas

    ReplyDelete
  11. mekasih ye..
    at last sy bjaya gak wat alert msg tu..
    tq..

    ReplyDelete
  12. akhirnya....ini dia yg saya cari2...tengkyu ya mas... :)

    ReplyDelete