View Single Post
  #3  
Old 14th July 2011
maximillianw's Avatar
maximillianw maximillianw is offline
Ceriwis Lover
 
Join Date: Mar 2011
Location: underground
Posts: 1,876
Rep Power: 40
maximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Gurumaximillianw is Ceriwis Guru
Default

Membuat tombol 3 dimensi
Kalau Anda rajin surfing pasti sudah sering melihat "tombol" yang dibuat dengan tag <TABLE> yang mempunyai efek 3 dimensi. Buat Anda yang belum pernah melihatnya,

Di bawah ini adalah contoh bagaimana membuat tombol sepeti itu:
Code:
<HTML>
                                <HEAD>
                                <TITLE> Tombol 3 Dimensi </TITLE>
                                </HEAD> 
                                <STYLE>
                                .link1:hover {
                                FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY:                                  Verdana,Arial; TEXT-DECORATION: underline
                                }
                                .link1 {
                                FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY:                                  Verdana,Arial; TEXT-DECORATION: none
                                }
                                .tabel1 {
                                BORDER-RIGHT: black 2px outset; BORDER-TOP: white                                  1px outset; BACKGROUND: #507488; BORDER-LEFT:                                  white 1px outset; BORDER-BOTTOM: black 2px outset
                                }
                                </STYLE>
                                 <BODY                                  bgcolor=#f0f2f3>
                                 <TABLE                                  align=center class=tabel1>
                                <TR><TD> <b><a class=link1                                  href=http://www.lutfian.com target=blank> Lutfian                                  Software </a></b> </TD></TR>
                                </TABLE>
                                 </BODY>
                                </HTML>
Bookmark dengan link
Anda pasti sering menjumpai link seperti "Bookmark situs ini", yang jika link tersebut kita klik maka akan langsung masuk ke dalam Favorites. Dengan memasukkan situs ke dalam Favorites, maka kita tidak perlu susah-susah lagi mengetikkan nama situs pada Address Bar, tapi cukup dengan mengklik nama situs yang terdapat pada daftar Favorites.

Untuk membuat link bookmark tersebut, masukkan kode di bawah ini di antara tag <HEAD> dan </HEAD> pada halaman web Anda:

Code:
<script                                        language="JavaScript1.2">
                                      <!-- Start
                                      var bookmarkurl="http://www.klik-kanan.com/"
                                      var bookmarktitle="Gudangnya ilmu komputer"
                                      function addbookmark(){if
                                       (document.all)window.external.AddFavorite                                         (bookmarkurl,bookmarktitle)}
                                      // End -->
                                      </script>

Setelah itu kita dapat membuat link yang akan "memanggil" kode javascript di atas:

Code:
<script                                        language="JavaScript">
                                      if (document.all)document.write('<a
                                      href="javascript:addbookmark()">Bookmark                                        Situs Ini!</a>')
                                      </script>
Harap diingat bahwa kode di atas hanya untuk browser Internet Explorer. Bagaimana jika si user menggunakan Netscape Navigator? Gunakan saja script di bawah ini:

Code:
<SCRIPT                                        language="JavaScript">
                                      <!-- Begin
                                      <!-- Script By Yousuf Imtiaz-->
                                      if (document.all) { // 
                                      var url="http://www.klik-kanan.com";
                                      var title="Gudangnya ilmu komputer";
                                      document.write('<A HREF="javascript:window.ext');
                                      document.write('ernal.AddFavorite(url,title);"                                        ');
                                      document.write('onMouseOver=" window.status=');
                                      document.write("'Bookmark Now!'; return                                        true ");
                                      document.write('"onMouseOut="                                        window.status=');
                                      document.write("' '; return true ");
                                      document.write('">Bookmark  Situs                                        Ini!</a>');
                                      }
                                      else {
                                      document.write("Bookmark Situs Ini!                                        (CTRL+D)");
                                      }
                                      // End -->
                                      </SCRIPT>
Reply With Quote