Aku Punya dot com

Tidak Punya Ide Untuk Menulis

  • Home
  • Kontak
 
Home > Blog > Cara memunculkan pesan/alert box
05
Mar
2010

Cara memunculkan pesan/alert box

Posted by: admin

Cara memunculkan alert box diblog kamu.
Pesan/alert box ini akan muncul bila ada yang datang berkunjung ke blog kamu sebagai ucapan selamat datang.
Kamu bisa mengganti isi pesannya sesuka kamu.

Contoh gambar:
cara-memunculkan-pesan-alert-box


Untuk memunculkan alert box seperti contoh diatas, pasang kode javascript berikut pada bagian <head> blog/website kamu

Salin kode JAVASCRIPT
1
2
3
<script language="javascript" type="text/javascript">
alert('Selamat Datang di blog Saya. Jangan malu-malu untuk memberikan komentar');
</script>



<– Style alert box yang lain –>


Alert box 1
Alert box yang berikut ini akan muncul bila seseorang membayangi mouse/pointer nya diatas sebuah link. Kodenya:

Salin kode JAVASCRIPT
1
<a href="noplace" onMouseover="alert('Hey! Blog ini sangat OK!')">Mouseover</a>


Alert box 2
Alert box yang berikut ini akan muncul bila sebuah tombol diklik.
Kodenya:

Salin kode JAVASCRIPT
1
2
3
4
<FORM>
<INPUT type="button" value="Menggunakan tombol biasa"
onClick="alert('Dengan tombol juga OK!')">
</FORM>


Alert box 3
Dengan menggunakan tombol berwarna. kodenya:

Salin kode JAVASCRIPT
1
2
3
4
<FORM>
<INPUT TYPE="button" style=" background-color:#660099; color:#FFFFFF;" onfocus="this.blur()" VALUE="Menggunakan tombol berwarna" 
onClick='alert("Tombol berwarna juga OK!")'>
</FORM>


Alert box 4
Kamu juga dapat menambah isi pesan lain setelah tombol OK pada alert box di klik.
Kodenya jadi seperti ini:

Salin kode JAVASCRIPT
1
2
3
4
5
<a href="noplace" onClick="
alert('Kamu sudah OK?');
alert('Beneran sudah OK nih?');
alert('Ah masa...??');
alert('OK deh.. percaya');return false;">Klik</a>


Demo alert box:

Selamat mencoba..!!


memuat halaman
Reload
«
»
iklan

38 Komentar

Blog, Javascript, Tips trik blog

Postingan yang lain:
  • Cara membuat gambar melayang
  • Cara ganti icon blogger / blogspot
  • Cara mengganti background blog
  • Cara membuat gelembung di blog
  • Cara membuat text/tulisan pelangi

Ada 38 komentar di “Cara memunculkan pesan/alert box”

Tulis komentar
‹ sebelumnya 1 2
Komentar dari Miftah:
Dari IP: 114.79.49.161
Tanggal 23 Juli 2011 jam 2:11 pm

Waaaaahhh.. makasih banget nich gan.. ane gi blajar..hehehe
:oops:

Balas komentar

Komentar dari arifnasution:
Dari IP: 114.79.55.11
Tanggal 7 September 2011 jam 2:44 pm

gan soryy nii ane lagi..mau nanya kalo yang ini bisa kagag pake di wordpress yang gratisan..

hehehhe

Balas komentar

Balasan dari admin:
Dari IP: 64.255.180.41
Tanggal 7 September 2011 jam 6:01 pm

yg ini juga gak bisa gan… :oops:

Balas komentar

Balasan dari putra:
Dari IP: 222.124.198.172
Tanggal 10 September 2011 jam 11:29 am

pak gan, kalo alert box ke 4 itu jadinya ga perlu diclick (baru masuk blog) nya gymana ya ? :?:

Balas komentar

Balasan dari admin:
Dari IP: 110.139.125.85
Tanggal 10 September 2011 jam 9:20 pm

pakai kode yg paling atas, trus tinggal nambahin baris alertnya aja gan.. :D

Balas komentar

Balasan dari putra:
Dari IP: 222.124.198.172
Tanggal 3 November 2011 jam 11:44 pm

tapi masih bisa di stop(prevent this page from creating additional dialogs) ??? :pliss:

Balas komentar

Balasan dari admin:
Dari IP: 141.0.8.216
Tanggal 4 November 2011 jam 1:43 am

beberapa browser mungkin ada menu prevent nya gan, mo gmn lg.. :cool:

Komentar dari frances:
Dari IP: 202.152.243.248
Tanggal 7 September 2011 jam 7:43 pm

Gan Gimana Caranya Membuat tool bar seperti di web site Agan

Balas komentar

Balasan dari admin:
Dari IP: 125.167.235.186
Tanggal 7 September 2011 jam 8:22 pm

toolbar ini namanya Jquery Fubar gan,
aku gak punya tutorialnya gan..
di google ada kok gan :cool:

Balas komentar

Komentar dari Frances:
Dari IP: 202.152.243.104
Tanggal 15 September 2011 jam 3:08 pm

terimakasih atas responenya :oops:

Balas komentar

Komentar dari pulsa elektrik:
Dari IP: 124.81.138.121
Tanggal 17 November 2011 jam 3:01 pm

boleh juga di coba nih biar terkesan gmn gitu buat yg berkunjung di blog

Balas komentar

‹ sebelumnya 1 2

Tulis Komentar


website / blog

Komentar:

Emoticon
Emoticon:
X
icon_smile.gif icon_wink.gif icon_neutral.gif icon_mad.gif icon_wc.gif icon_uhuk.gif icon_twisted.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_puyeng.gif icon_pliss.gif icon_payah.gif icon_lidah.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_kencing.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_dead.gif icon_cry.gif icon_cool.gif icon_bom.gif icon_bisik-bisik.gif icon_ayolah.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

Batalkan balasan
 
    CO.CC Free Domain
  •     Komentar terbaru

    • zenald: lumayan tambah ilmu ane yang d #
    • zaara: hmmmm....bngung #
    • Cyntaelistya: bisa \(^o^)/ #
    • angel: subhanallah... #
    • all: good book. #
    • Arwiebowo: wes, langsung jadi bos.. suwun #
    • theodorewilliammuntu: saya mau ganti pw #
    • teddyrachel: bingung banget #
    • merdana: iya karna ada para chiter (pro #
    • Olvie: Maksih infonya #
  •     Kategori

    • Adsense
    • Aneh
    • Biografi
    • Blog
    • Cewek
    • CSS
    • CSS3
    • Dofollow
    • DVD
    • Emoticon
    • Facebook
    • Game
    • Google
    • Gratis
    • Hiburan
    • Javascript
    • Kamus Online
    • Kesehatan
    • Kiamat
    • Kids
    • Komik
    • Lucu
    • Menu Bulan Puasa
    • Mp3
    • PHP
    • Rank
    • Resep
    • Search Engine
    • SEO
    • Sitemap
    • Story
    • Tak Berkategori
    • Tak Penting
    • Tips
    • Tips trik blog
    • Traveling
    • Twitter
    • Wedding
    • Wordpress
    • Youtube
  •     Arsip

    • Januari 2012
    • Desember 2011
    • November 2011
    • Oktober 2011
    • September 2011
    • Agustus 2011
    • Juli 2011
    • Juni 2011
    • Mei 2011
    • April 2011
    • Maret 2011
    • Februari 2011
    • Januari 2011
    • Desember 2010
    • November 2010
    • Oktober 2010
    • September 2010
    • Agustus 2010
    • Juli 2010
    • Juni 2010
    • Mei 2010
    • April 2010
    • Maret 2010
    • Februari 2010
    • Januari 2010
    • Desember 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • Agustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    Adsense Indonesia
    ...
      Page: /cara-memunculkan-pesan-alert-box.html : Calling Kenya
      Powepoint Free
      Test Link 3

Aku Punya dot com © 2009 - 2012
Powered by WordPress
Best viewed in Firefox, Opera, and Chrome at 1280 x 960 screen resolutions

Feed  |  Sitemap  |  Recent Posts
Tukar Link  |  Pasang Banner  |  Kontak

28 queries. 1,385 seconds

Toolbar
tulis komentar
     
38 komentar
Komentar 38
kembali ke bawah
Bawah
kembali ke atas
Atas
Games
  • »  Game Puzzle
  • »  Game Tetris
  • Game Puzzle  
     
    Game Tetris  
     
    Shoutbox
    Shoutbox  

     
    Suka
    Aku Punya fans  
     
    Pencarian
    memuat ...