Cara memasang animasi bergerak di pojok blog kita

Nah setelah kita belajar memasang pernak pernik di blog seperti jam, kalender dan lain-lain seperti yang sudah saya bahas sebelumnya,,, sekarang saya akan membagi ilmu saya yang saya dapat dari teman saya yaitu CARA MEMASANG ANIMASI BERGERAK DI POJOK BLOG KITA yang contohnya ada di blog saya yang ini Green SweetyQyu liatlah di bagian pojok kiri bawah,, tampak animasi bergerak mengikuti arah naik atau turun saat kalian memutar bagian tengah mouse kalian naik dan turun...


Tampa basa basi lagi saya akan memberi tahukan caranya...

1. Kalian cari gambar yang bisa bergerak semacam animasi di berbagai situs,, setelah itu kalian simpan atau kalian copy link gambar yang kalian pilih di situs tersebut... 
2. Kemudian kalian login ke blog kalian
3. Kemudian kalian pilih Perncangan-->>Edit HTML
4. Setelah itu cari kode ini ]]></b:skin> nah kalau sudah ketemu taruh kode di bawah ini diatasnya.
   #trik_pojok {
   position:fixed;_position:absolute;bottom:0px; left:0px;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+
   document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
5. Teks yang bercetak tebal adalah posisi dimana kalian meletakkan gambar tersebut. Kalau kalian ingin gambarnya di letakkan di pojok kanan bawah tinggal "left" kalian ganti dengan "right". Begitu juga jika kalian ingin gambarnya diatas kalian tinggal ganti "bottom" dengan "top"
6. Langkah selanjutnya letakkan script di bawah ini sebelum kode </body>.
   <div id="trik_pojok"><a href="http://semogaberkah2010.blogspot.com/">
   <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a></div>
7. "http://semogaberkah2010.blogspot.com/" ganti dengan link blog kalian. trus "http://kendhin.890m.com/soniclari.gif" ganti dengan link gambar di mana kalian pilih tadi...
8. setelah itu simpan dan lihatlah hasilnya...  :)

Read more »

Cara Memasang Kalender di Blog

Bagi kamu-kamu yang senang ngeblog,,, dan ingin mempercantik blog kalian dengan berbagai pernak pernik yang telah di sediakan di berbagai situs.... Nah untuk mempercantik blog kita pasti kita sudah memikirkan rancangan apa yang aka kita tuangkan ke dalam blog kita agar blog kita gak sepi dari pengunjung,,, salah satunya dengan template yang cantik sehingga pengunjung gak bosan berkunjung di blog kita,,, trus isi blog yang bagus sesuai dengan kebutuhan yang di cari oleh pengujung,,, trus pernak pernik yang di pakai di blog,,, jangan terlalu ramai juga sih,,, karna akan membuat blog kita sangat lambat di buka oleh pengujung yang akhirnya membuat pengunjung blog kita menjadi bosan menunggu alias LODING... :o

Nah agar pengunjung tertarik untuk sering berkunjung di blog kita,,, berikan lah sesuatu yang bermanfaat dalam blog anda,,, contohnya nih ya seperti pernak pernik yang akan kalian taruh dalam blog kalian,,, pilihlah pernak pernik yang bermanfaat dalam blog kalian,,, seperti jam, kalender,,, pokoknya yang menurut kalian berguna deh,,, yang tidak memberatkan blog anda terbuka,,, bisa juga mp3,,, tapi menurut saya gak begitu terlalu berguna sih...

Nah kali ini saya akan membagi ilmu saya yaitu CARA MEMASANG KALENDER DI BLOG kita...!! seperti yang ada di blog saya ini nih :)

1. Yang pertama kalian harus login dulu di blog kalian,,,
2. Trus saat kalian dah login kalian pilih deh TAMBAH GADGET,,,
3. Setelah muncul,,, kan di situ banyak tuh pilihannya,, silahkan kalian pilih HTML/JAVA SCRIPT
4. Trus kalian buka situs-situ yang menyediakan kalender yang bisa di pasang di blog kamu,,, atau klik saja di SINI ....
5. Pilih kalender yang kalian sukai...
6. Copy embednya ke tempat yang kalian sediakan tadi...
7. Kemudian simpan... Jadi deh kalendernya... :)

Bagi yang singgah ke blog saya,, silahkan memberikan komentar demi memajukan blog ini... :)

Read more »

Riwayat Pembuat Blog 1

Yang Buat Blog ini sebenarnya ada dua orang,,, yaitu teman dan saya sendiri,,, kami berdua mengembangkan blog ini sesuai bidang dan kemampuan ilmu pengetahuan yang kami punya masing-masing,,,, seperti saya hanya bisa di bidang komputer,,,meskipun ilmu yang saya punya hanya sedikit dan masih perlu banyak belajar,,,, teman saya ini di bidang kesehatan,,, tapi kami bangga bisa membagi ilmu dan pengetahuan yang kami punya dengan teman-teman semua,,,, :)) Buat teman saya,,, terima kasih telah mempercayakan saya untuk mengembangkan blog ini,,, meski masih jauh dari sempurna,,, hehehe,,, :p



Saya sering di panggil Mhimhi,,, saya Kuliah di salah satu Universitas Swasta di salah satu kota,,, saat saya menulis biodata ini,,, saya masih berstatus sebagai mahasiswa semester Akhir dan lagi dalam proses menyusun proposal dan skripsi,,, :o

Disela-sela kegiatan saya,,, saya menyempatkan diri saya untuk menulis blog atau mengupdate blog saya,,, lumayan mengasyikan sih menurut saya,,, kadang juga saya memasukan materi dalam blog saya ini.,,, :)

Mungkin itulah sedikit riwayat terbentuknya blog ini,,, sekian dan trima kasih,,, :))))))

Aku Terus Melangkan Kaki dan Ingin Mencari Suatu Kepastian dan untuk mencapai Suatu Tujuan,,,

Semangat,,,Semangat,,,Semangat,,,!!!

Ku ingin Hidup yang memiliki suatu Tujuan dan trus maju menatap masa depan yang cerah,,,

Ku ingin selalu membahagian Orang Tuaku dan orang-orang yang aku sayangi,,,Amiinnn,,, :))

Semangat,,,semangat,,,semangat,,,!!! 

Read more »

Menjaga Kesehatan Mata kita dari Komputer

Mata adalah salah indera yang paling berharga dalam diri kita, yang benar-benar harus kita jaga kesehatannya. Keseringan kita melototin monitor atau keseringan kita berhadapan dengan komputer dapat membuat mata kita jadi lelah.

Radiasi cahaya yang di pancarkan oleh layar monitor dapat membuat mata kita menjadi lelah, pandangan menjadi agak kabur, mata menjadi agak kering dan gangguin mata lainnya. Masalah gangguan yang lain yang dapat kita alami adalah pusing di kepala, pegal di leher dan bahu.

Nah bagi kita-kita yang lebih senang dan sering banget nongkrong di depan Komputer, lindungilah dan rawatlah mata Anda dari pacaran radiasi cahaya yang di timbulkannya. Berikut ini saya berikan beberapa tips untuk dapat menghindari pancaran cahaya monitor dan merawat mata kita yaitu:

1. Gunakanlah Layar pelindung komputer yang di letakkan pada Layar Monitor atau yang sering di sebut dengan filter yang berfungsi untuk mengurangi radiasi yang di timbulkan oleh komputer.
2. Pilihlah Layar Monitor yang memiliki pancaran radiasi yang rendah, seperti monitor yang layarnya datar tidak cembung contohnya Monitor LCD
3. Jagalah jarak pandang kita dengan Monitor, yang jarak ideal antara mata dan komputer yaitu dari jarak 35 centimeter sampai 45 centimeter.
4. Sesuaikanlah posisi layar komputer dengan mata kita, jangan terlalu tinggi dari mata kita karna dapat mengurangi pasokan udara ke otak kita, begitupun sebaliknya layar monitor juga jangan terlalu rendah karna dapat membuat leher kita sakit dan bahu kita menjadi pegal-pegal, sesuaikan atau sejajarkanlah dengan posisi pandangan mata kita.
5. Sesuaikanlah pencahayaan monitor anda dengan intensitas kenyamanan mata anda. Jangan terlalu gelap dan jangan terlalu terang. Pencahayaan monitor yang terlalu gelap dapat membuat mata kita bekerja lebih keras untuk melihat, sedangkan pencahayaan yang terlalu terang juga dapat menyilaukan mata kita. Sehingga dapat membuat mata kita menjadi cepat lelah. Agar mata kita jadi nyaman saat berada di depan monitor sebaiknya kita sesuikan resolusinya dengan mata kita.
6. Jangan lupa mengistirahatkan mata kita sejenak. Kita juga tidak boleh terus menerus menatap layar monitor atau melototin layar monitor. Usahakanlah sediakan waktu sejenak untuk mengistirahatkan mata kita beberapa menit dengan memandang ruangan lain, atau keluar ruangan mencari udara segar untuk merilekskan mata kita sejenak.
7. Seringlah mengedipkan mata anda saat berada di depan layar monitor. Demi menghindari mata kita jadi kering. Jarang mengedipkan mata dapat membuat mata kita jadi kering. Jadi sering-seringlah mengedipkan mata karna dengan mengedipkan mata akan mengeluarkan air mata yang akan menyebar keseluruh kornea mata kita sehingga mata kita menjadi tetap lembab dan jernih.
8. Pakailah kacamata yang mempunyai lensa khusus untuk komputer. 
9. Sering-seringlah mengkonsumsi Vitamin A, agar mata kita tetap dalam kondisi baik.

Itulah beberapa tips yang bisa saya berikan untuk menjaga kesehatan mata anda.. demi kenyamanan anda berada di depan layar monitor.. :))

Read more »

Variabel yang di gunakan dalam PHP

Variabel dalam PHP memiliki aturan sebagai berikut:

• diawali dengan tanda Dollar ($).
• penamaan variabel bersifat case sensitive
• nama variabel hanya bisa diawali oleh huruf atau garis bawah, setelah itu baru di ikuti dengan beberapa huruf, angka, ataupun garis bawah.

Adapun Variabel yang terdapat dalam PHP ada 5 yaitu :

1. Integer, atau bilangan bulan; tipe integer dapat dinyatakan dalam beberapa macam format bilangan yaitu desimal positif, desimal negatif, okta dan heksadesimal.
2. String; tipe string dapat menggunakan dua macam pengapit yaitu doubel quote atau kutip ganda (")dan single quote atau kutip tunggal.
3. Float;  jika pengguna PHP ingin menggunakan tipe bilangan pecahan maka PHP menyediakan tipe float yang penulisannya terdapat 2 macam contohnya : $e = 1.5; dan $f = 1.5e4;
4. Array; Array di PHP ada dua macam, yaitu asosiatif dan indexed. Namun adakalanya kedua macam ini dapat di pakai secara bersamaan yaitu pada array multidimensi.
5. Objek;  Tipe variabel yang terakhir ini sebenarnya adalah instans dari sebuah kelas. Inisialisasinya adalah menggunakan operator new. 

Read more »

Pengertian dari PHP

PHP adalah suatu bahasa pemrograman yang memungkinkan para pembuat website membuat aplikasi web yang dinamis dengan cepat. PHP singkatan dari "PHP: Hypertext Preprocessor"

Kekuatan utama pada PHP adalah tergantung pada konektivitasnya dengan database di dalam web. Sistem database ini sendiri yang di dukung oleh PHP adalah:

1. Oracle
2. MySQL
3. Ms. Access
4. Sybase, dan lain sebagainya.

Untuk dapat membuat Website dengan dukungan Database, kita dapat menggunakan program yang gratis yang saat ini cukup popular, yaitu PHP. Sedangkan database yang dapat di gunakan adalah MySQL.

Keduanya, PHP dan MySQL bisa kita dapatkan secara paket dalam 1 aplikasi seperti Apache atau AppServ yang dapat kita download di berbagai situs Internet.

Paket PHP tersebut sudah di dukung PHP, MySQL, Apache atau AppServ serta PhpMyAdmin yang akan di gunakan sebagai tools pembuatan databases.

Jadi sekali menginstall paket lengkap dari Apache atau AppServ kita akan mendapatkan beberapa Fasilitas pendukung sebegai berikut :

• Webserver : Apache atau AppServ (tergantung dari aplikasi yang kita gunakan).
• Programming : PHP, Perl, dan Python
• Database : MySQL dan PostgreSQL Server
• Tools Database : PhpMyAdmin, PgMyAdmin

Read more »

Sejarah PHP

Sejarah PHP yang saya ketahui adalah PHP pertama kali di buat oleh Rasmus Lerdorf pada tahun 1995. Yang pada waktu itu PHP bernama FI yang kepanjangannya (Form Interpreted). Pada saat itu PHP di gunakan untuk pengolahan data form dari web dalam bentuk script.

Selanjutnya Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, yang pada saat itu PHP memiliki kepanjangan Personal Home Page/Form Interpreter. Saat pelepasan kode sumber itu menjadi Open Source, maka banyak para programmer yang tertarik untuk ikut mengembangkan PHP ini.

Itu lah sedikit Sejarah PHP yang saya ketahui. Nah kelebihan dari PHP sendiri adalah:

• Bahasa yang di gunakan dalam pemrograman php adalah bahasa script yang tidak yang tidak melalukan kompilasi dalam penggunaannya.
• Web Server yang mendukung php sehingga dapat di temukan di mana-mana mulai dari IIS sampai dengan apache, dengan configurasi yang relatif mudah.
• PHP adalah bahasa scripting yang paling mudah di pahami karena referensi yang banyak.
• PHP adalah bahasa yang open source yang dapat di gunakan di berbagai sistem operasi seperti windows, linux, unix dan lain-lain.

Trus Kekurangan PHP yang saya ketahui adalah:

• Dari segi bahasa yang di gunakan dalam PHP bukanlah bahasa yang ideal untuk pengembangan berskala besar.
• Tidak adanya NAMESPACE. yang artinya tidak adanya pengelompokan variabel atau fungsi yang hirarsis.
• Kita juga tidak dapat membuat fungsi dalam fungsi atau kelas dalam kelas, semuanya terbatas hanya pada satu level.
• Sebagian yang sudah menguasai PHP mengeluhkan bahwa model PHP yang minim.
• Model pemrogramannya yang embedded yang artinya tercampur dalam bahasa HTML juga.

Nah itulah sedikit sejarah PHP dan Kelebihan serta Kekurangan dari PHP... :))

Read more »

Tag Applet dan Atributnya

APPLET adalah tag HTML yang digunakan untuk memasukan file java ke dalam dokumen HTML. Penggunaanya sama persis seperti tag EMBED yang digunakan untuk memasukkan konten multimedia ke dalam dokumen HTML. Untuk menampilkan file JAVA pada dokumen HTML, maka browser yang digunakan harus sudah terinstal plugin yang dapat mendukung file JAVA pada dokumen HTML

Sebagai contoh :

 <APPLET CODE="ColorBox" WIDTH=100 HEIGHT=100></APPLET>

kalian dapat mencobanya dan melihat hasilnya sendiri... :)




Sama halnya dengan tag INPUT TYPE=RADIO atau INPUT TYPE=CHECKBOX, tag OPTION berguna untuk meminta inputan dari pengunjung yang disediakan dalam bentuk pilihan. Tentu saja, tag OPTION ini baru berguna apabila inputan data yang dimasukkan oleh pengunjung dikombinasikan dengan kode program yang dapat memroses inputan yang dimasukkan.

CODE

Atribut ini merupakan atribut yang paling penting dikarenakan atribut ini digunakan untuk menentukkan sumber dari file JAVA yang ingin ditampilkan. Atirbut ini digunakan hanya untuk menentukkan nama dari file JAVA yang dimaksud bukan untuk menuliskan alamat lengkap atau direktori dari sumber yang akan ditampilkan.

Perhatikan yang benar dan yang salah,

Salah

1. <APPLET CODE="../File JAVA/klikbelajar.class" WIDTH=100 HEIGHT=100></APPLET> 

 Benar

 <APPLET CODE="klikbelajar.class" WIDTH=100 HEIGHT=100></APPLET>

Jika file JAVA tidak ditempatkan pada direktori yang sama dengan dokumen HTML yang dibuat, maka gunakan atribut CODEBASE untuk menentukkan direktori dari file JAVA yang dimaksud. Penggunaan atribut CODE hanya digunakan untuk menuliskan nama dari file JAVA tersebut. 

CODEBASE

Atribut CODEBASE adalah atribut dari tag APPLET yang digunakan untuk menentukkan direktori dimana file JAVA yang ingin ditampilkan berada.
Contoh :

Apabila kita memiliki direktori sebagai berikut :
- Sumber
  - File JAVA
    - Klikbelajar.class
  - File HTML
    - Klikbelajar.html


Dapat dilihat, dokumen HTML yang dibuat diletakkan terpisah dengan file JAVA yang ingin ditampikan, maka dari itu harus ditentukan direktori dari file JAVA yang ingin ditampilkan dengan atribut CODEBASE.

Sebagai contoh :

1. <APPLET  
2. CODE="Klikbelajar.class"  
3. CODEBASE="../File JAVA/" WIDTH=100 HEIGHT=100></APPLET> 

 Arti dari kode CODEBASE="../File JAVA/" adalah :

Direktori yang dituju naik satu level ke atas (../). Pada contoh diatas, dokumen HTML yang dibuat berada pada direktori File HTML maka apabila digunakan perintah untuk menaikkan direktori satu level keatas, maka direktori akan berpindah ke direktori Sumber, dimana memiliki derajat satu level diatas direkori File HTML. Sedangkan, File JAVA/ artinya direktori masuk satu level ke dalam direktori yang bernama File JAVA.

WIDTH

Atribut ini digunakan untuk menentukan lebar dari file JAVA yang akan ditampilkan.

Contoh:

1. <APPLET CODE="../File JAVA/klikbelajar.class" WIDTH=150 HEIGHT=50>  
2. <br><PARAM NAME=TEXT VALUE="Pasti Bisa !!"><br></APPLET> 

 Tinggi dari objek akan berukuran 150 pixel.

HEIGHT

Atribut ini digunakan untuk menentukan tinggi dari file JAVA yang akan ditampilkan.

Contoh:

1. <APPLET CODE="../File JAVA/klikbelajar.class" WIDTH=50 HEIGHT=150>  
2. <br><PARAM NAME=TEXT VALUE="Pasti Bisa !!"><br></APPLET>

 Tinggi dari objek akan berukuran 150 pixel.

ALIGN

Atribut ini digunakan untuk menentukan posisi dari objek.

Contoh :

 <APPLET CODE="ColorBox" WIDTH=100 HEIGHT=100 ALIGN="LEFT"></APPLET>

Pada contoh diatas objek diatur agar rata ke kiri.

Contoh 2 :

 <APPLET CODE="ColorBox" WIDTH=100 HEIGHT=100 ALIGN="RIGHT"></APPLET>

 Pada contoh diatas objek diatur agar rata ke kanan.

VSPACE

Atribut ini digunakan untuk menentukan jarak file JAVA yang ditampilkan dengan teks di atas dan bawahnya.

Perhatikan contoh antara VSPACE=20 dan VSPACE=100, lihat perbedaannya :

1. <APPLET CODE="klikbelajar.class" WIDTH=150 HEIGHT=50 VSPACE=20>  
2. <br></APPLET>

 dan

1. <APPLET CODE="klikbelajar.class" WIDTH=150 HEIGHT=50 VSPACE=100>  
2. <br></APPLET> 

 Kalian dapat melihat bedanya setelah mencobanya.. :)

HSPACE

Atribut ini digunakan untuk menentukan jarak file JAVA yang ditampilkan dengan teks di kanan dan kirinya.

Perhatikan contoh antara HSPACE=20 dan HSPACE=100, lihat perbedaannya :

1. <APPLET CODE="klikbelajar.class" WIDTH=150 HEIGHT=50 HSPACE=20>  
2. <br></APPLET>

 dan

1. <APPLET CODE="klikbelajar.class" WIDTH=150 HEIGHT=50 HSPACE=100>  
2. <br></APPLET> 

NAME

Atribut ini digunakan untuk memberikan nama dari file JAVA yang ditampilkan pada dokumen HTML. Atribut ini data sangat berguna apabila penggunaa tag APPLET pada dokumen HTML dikombinasikan dengan kode program lain seperti JAVASCRIPT.

Read more »

Tag Embed dan Atributnya

EMBED adalah tag HTML yang digunakan untuk memasukkan file video atau file musik. Hasil yang ditampilkan oleh tag ini tergantung dari browser masing-masing pengunjung dikarenakan EMBED mengharuskan browser yang digunakan telah terinstall suatu plugin yang mendukung untuk memainkan file musik atau video yang terdapat pada halaman HTML tersebut.

Sebagai contoh :

1. <html>  
2.    <head>  
3.    <title>Penggunaan tag EMBED</title>  
4.    </head>  
5.    <body>  
6.       <EMBED   
7.    SRC="sonate_19_(c)hisamori.mid"   
8.    HEIGHT=60 WIDTH=144>  
9.    </body>  
10. </html> 

 Tag diatas akan menghasilkan tampilan sebagai berikut :

SRC

Atribut SRC merupakan atribut yang paling penting dari tag ini, karena digunakan untuk menunjukkan sumber lokasi dari file yang akan dimainkan. Pada contoh diatas, file musik yang akan diputar diletakkan pada suatu direktori yang sama dengan file HTML yang dibuat, sehingga penulisan atribut SRC dapat ditulis seperti demikian.

Apabila file musik atau video yang akan dimainkan berasal dari suatu situs, maka penulisan atribut SRC dapat dituliskan sebagai berikut :

1. <EMBED SRC="http://semogaberkah2010.blogspot.com/sonate_19_(c)hisamori.mid"> 

Pada SRC diisikan URL dari file yang akan di embed.

WIDTH

Atribut ini berguna untuk mengatur lebar tampilan dari pemutar yang akan ditampilkan.

Sebagai contoh :

<EMBED SRC="sonate_19_(c)hisamori.mid" HEIGHT=60 WIDTH=144>

 Pemutar yang dihasilkan akan mempunyai lebar 144 pixel.

NAME

Atribut ini digunakan untuk memberikan nama dari tag EMBED yang ditampilkan. Umumnya, atribut ini tidak perlu digunakan.

HEIGHT

Atribut ini berguna untuk mengatur tinggi tampilan dari pemutar yang akan ditampilkan.

Sebagai contoh :

 <EMBED SRC="sonate_19_(c)hisamori.mid" HEIGHT=100 WIDTH=400>

Pemutar yang dihasilkan tingginya akan di set 100 pixel. 

ALIGN

Atribut ini digunakan untuk menentukan posisi dari objek.

Contoh :

 <EMBED SRC="sonate_19_(c)hisamori.mid" ALIGN="LEFT">

Pada contoh diatas objek diatur agar rata ke kiri.

Contoh 2 :

1. <EMBED SRC="sonate_19_(c)hisamori.mid" ALIGN="RIGHT"> 

 Pada contoh diatas objek diatur agar rata ke kanan.

AUTOSTART

Atribut ini digunakan untuk menentukan apakah file musik atau video yang ditampilkan akan diputar secara otomatis atau tidak.


Sebagai contoh :

1. <EMBED SRC="bowling-ball.wmv" HEIGHT=400 WIDTH=400 AUTOSTART="TRUE">  

Hasilnya

Contoh lain :

1. <EMBED SRC="bowling-ball.wmv" HEIGHT=400 WIDTH=400 AUTOSTART="<span style="color: red;">FALSE</span>"> 

Hasilnya

LOOP

Atribut ini digunakan untuk menentukan apakah file yang diputar akan secara otomatis diputar secara berulang atau tidak.

Sebagai contoh :

<EMBED SRC="drum_beat_1.mid" LOOP="FALSE">

Hasilnya:

 Contoh lain :

 <EMBED SRC="drum_beat_1.mid" LOOP="TRUE">

Hasilnya

Pengguna browser Netscape dapat mengeset jumlah perulangan dengan perintah LOOP="angka", misal LOOP="4". Sedangkan pengguna browser Internet Explorer mengesetnya dengan perintah PLAYCOUNT, misal PLAYCOUNT="5".

VOLUME

Atribut ini digunakan untuk menentukan seberapa besar volume suara yang akan digunakan untuk memutar file musik atau video yang akan ditampilkan. Apabila atribut ini tidak digunakan, maka secara otomatis browser menentukan bahwa volume akan diatur 100% sekeras-kerasnya.

Contoh 1 :

<EMBED SRC="drum_beat_1.mid" VOLUME=0>

Hasilnya

Contoh 2 :

1. <EMBED SRC="drum_beat_1.mid" VOLUME=20> 

Hasilnya

Contoh 3 :

<EMBED SRC="drum_beat_1.mid" VOLUME=100>

Hasilnya

Read more »

Tag Div dan Atributnya

DIV adalah tag HTML yang sebenarnya tidak berguna apapun juga, selain untuk memberikan tanda batas suatu daerah dari sebuah rangkaian html (bisa berupa tulisan, gambar, atau kode lainnya).

Sebagai contoh :

1. <DIV> semogaberkah2010.blogspot.com </DIV> 

Tag diatas akan menghasilkan tampilan sebagai berikut :

semogaberkah2010.blogspot.com

Hasil ini tidak berbeda sama sekali jika dibandingkan dengan tulisan yang tidak diberikan tag DIV. Tetapi akan sangat berbeda apabila tag DIV digabungkan dengan elemen CSS yang berguna untuk memberikan gaya tampilan dari dokumen HTML yang kita buat. 

ALIGN

Sama seperti atribut ALIGN pada tag yang lain, atribut ini berguna untuk menentukan rataan tepi dari tulisan yang terdapat dalam tag DIV.

Terdapat empat pilihan jenis perataan tepian dari atribut ini, yaitu :
1.LEFT
2.CENTER
3.RIGHT
4.JUSTIFY
Contoh I :

1. <DIV ALIGN=LEFT> Selamat datang ! Redaksi semogaberkah2010.blogspot.com menyajikan berbagai halyang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena  kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip  seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana  saja dan kapan saja.</DIV> 

Hasilnya :

Selamat datang ! Redaksi semogaberkah2010.blogspot.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.

Contoh II :

1. <DIV ALIGN=RIGHT> Selamat datang ! Redaksi
   semogaberkah2010.blogspot.com
    menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala  sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan  akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online.  Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat  dikerjakan dari mana saja dan kapan saja.</DIV> 

Hasilnya :

Selamat datang ! Redaksi semogaberkah2010.blogspot.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.

Contoh III :

1. <DIV ALIGN=CENTER> Selamat datang ! Redaksi semogaberkah2010.blogspot.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang  berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini  karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip  seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana  saja dan kapan saja.</DIV> 

Hasilnya :

Selamat datang ! Redaksi semogaberkah2010.blogspot.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.

 Contoh IV :

1. <DIV ALIGN=JUSTIFY> Selamat datang ! Redaksisemogaberkah2010.blogspot.com menyajikan  berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang  berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji  disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian  Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan  dari mana saja dan kapan saja.</DIV> 

Hasilnya :

Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.

Read more »

Tag Frameset dan Atributnya

FRAMESET adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML. FRAMESET digunakan bersamaan dengan penggunaan tag FRAME yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya, pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari dokumen HTML lain.

Sebagai contoh :

1. <HTML>  
2. <HEAD>  
3. <TITLE>Dasar pembuatan Frame</TITLE>  
4. </HEAD>  
5.   
6.   <FRAMESET COLS="60%,40%" ROWS="75%,25%">  
7.          <FRAME SRC="a.html">  
8.          <FRAME SRC="b.html">  
9.          <FRAME SRC="c.html">  
10.          <FRAME SRC="d.html">  
11.   </FRAMESET>  
12.   
13. </HTML> 

 Tag diatas akan menghasilkan tampilan sebagai berikut :



Tag diatas akan membuat tampilan dokumen HTML kita menjadi 4 bagian (2 kolom dan 2 baris) yang masing-masing lebarnya telah ditentukan. Keempat bagian bingkai tersebut diambil dari dokumen yang bernama a.html, b.html, c.html, d.html. 

 Contoh lain dengan menggunakan 3 kolom dan 2 baris :

1. <HTML>  
2. <HEAD>  
3. <TITLE>Frame 6 Bingkai</TITLE>  
4. </HEAD>  
5.   
6.   <FRAMESET COLS="32%,30%,38%" ROWS="55%,45%">  
7.          <FRAME SRC="a.html">  
8.          <FRAME SRC="b.html">  
9.          <FRAME SRC="c.html">  
10.          <FRAME SRC="d.html">  
11.         <FRAME SRC="e.html">  
12.         <FRAME SRC="f.html">  
13.   </FRAMESET>  
14.   
15. </HTML> 

Tag diatas akan menghasilkan tampilan sebagai berikut :

COLS

Atribut COLS digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing-masing kolom. Penggunaan COLS dapat dituliskan sebagai berikut :
<FRAMESET COLS=�20%, 50%, 30%�>
Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut :
<FRAMESET COLS=�20%, 50%, *�>
Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 20%, dan kolom kedua memiliki lebar 50%, maka kolom ketiga memiliki lebar sebesar 'sisanya' yaitu sebesar 30%.

ROWS

Atribut ROWS digunakan untuk menentukkan berapa banyak baris yang akan ditampilkan beserta lebar dari masing-masing baris. Penggunaan ROWS dapat dituliskan sebagai berikut :
 <FRAMESET COLS=�35%, 20%, 20%, 25%�>

 Tag diatas akan menghasilkan 4 kolom yang masing-masing memiliki lebar 35%, 20%, 20% dan 25%. Hasil yang sama dapat dituliskan sebagai berikut :

 <FRAMESET COLS=�35%, 20%, 20%, *�>

 Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 35%, kolom kedua memiliki lebar 20%, dan kolom ketiga memiliki lebar 20% juga, maka kolom keempat memiliki lebar sebesar 'sisanya' yaitu sebesar 25%.

FRAMEBORDER

Atribut FRAMEBORDER digunakan untuk menentukan apakah disekeliling tiap bingkainya akan diberi border atau tidak.


 Contoh :

1.   <HTML>  
2.  <HEAD>  
3. <TITLE>Atribut Frameborder</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html">  
9.         <FRAME SRC="d.html">  
10.   </FRAMESET>  
11. </HTML> 

 Contoh 2 (no frameborder) :

1.   <HTML>  
2.  <HEAD>  
3. <TITLE>Atribut Frameborder</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="0">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html"><  
9.         <FRAME SRC="d.html">  
10.   </FRAMESET>  
11. </HTML> 

BORDER

Atribut BORDER digunakan untuk menentukan seberapa tebal frameborder yang akan ditampilkan.

Contoh :

1.      <HTML>  
2.  <HEAD>  
3. <TITLE>Atribut Border</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1" BORDER="5">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html">  
9.         <FRAME SRC="d.html">  
10.   </FRAMESET>  
11. </HTML> 

BORDERCOLOR

Atribut BORDERCOLOR digunakan untuk menentukan warna pada frameborder dari setiap bingkai.

Contoh :

1.  <HTML>  
2.  <HEAD>  
3. <TITLE>Atribut Border</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1" BORDER="5"  bordercolor=#0000FF>  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html">  
9.         <FRAME SRC="d.html">  
10.   </FRAMESET>  
11. </HTML>

Read more »

Tag Frame dan Atributnya

FRAME adalah tag HTML yang digunakan untuk membuat sebuah bingkai yang terdapat didalam tag FRAMESET. Cara kerja FRAME hampir sama dengan cara kerja tag TD yang digunakan untuk membuat sebuah sel tunggal dari sebuah tabel, begitu juga dengan tag FRAME yang berguna untuk membuat sebuah bingkai tunggal dari sebuah FRAMESET. Penggunaan tag FRAME selalu berada didalam tag FRAMESET yang akan menentukan berapa banyak FRAME yang terdapat dalam suatu FRAMESET.

Sebagai contoh :

1. <HTML>  
2. <HEAD>  
3. <TITLE>Dasar pembuatan Frame</TITLE>  
4. </HEAD>  
5.   
6.   <FRAMESET COLS="60%,40%" ROWS="75%,25%">  
7.          <FRAME SRC="a.html">  
8.          <FRAME SRC="b.html">  
9.          <FRAME SRC="c.html">  
10.          <FRAME SRC="d.html">  
11.   </FRAMESET>  
12. </HTML> 

 Tag diatas akan menghasilkan tampilan sebagai berikut :









Tag tersebut akan menghasilkan sebuah dokumen HTML yang terdiri dari empat buah FRAME, dua kolom dan dua baris. Banyaknya kolom dan baris beserta lebar masing-masing diatur oleh tag FRAMESET. Sedangkan tag FRAME berguna untuk mengambil sumber dari setiap FRAME yang akan ditampilkan.

Dikarenakan tag diatas ingin menampilkanempat buah FRAME yang terbagi menjadi dua kolom dan dua baris. Maka tampilannya akan terbentuk sebagai berikut :

1	2
3	4

Tata letak keempat FRAME diatas pun, mengikuti urutan angka tersebut, sehingga akan menjadi :

FRAME A	FRAME B
FRAME C	FRAME D

Penentuan tata letak yang sama akan berlaku untuk menampilkan jumlah FRAME yang berbeda. Apabila ingin menampilkan enam FRAME dalam suatu dokumen HTML, dengan pembagian terdapat dua baris dan tiga kolom. Maka tata letaknya akan sebagai berikut :

Rumus penentuan tata letak FRAME dapat dilihat lebih jelas pada contoh tampilan 12 FRAME (3 kolom dan 4 baris) sebagai berikut :

1. <HTML>  
2. <HEAD>  
3. <TITLE>Dasar pembuatan 12 Frame</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="35%,35%,30%" ROWS="25%,25,%25%,25%">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html">  
9.          <FRAME SRC="d.html">  
10.          <FRAME SRC="e.html">  
11.          <FRAME SRC="f.html">  
12.          <FRAME SRC="g.html">  
13.          <FRAME SRC="h.html">  
14.          <FRAME SRC="i.html">  
15.          <FRAME SRC="j.html">  
16.          <FRAME SRC="k.html">  
17.          <FRAME SRC="l.html">  
18.   </FRAMESET>  
19. </HTML> 

Hasil ..

FRAME A	FRAME B	FRAME C
FRAME D	FRAME E	FRAME F
FRAME G	FRAME H	FRAME I
FRAME J	FRAME K	FRAME L

SRC

Atribut ini merupakan kepanjangan dari SOURCE yang berarti "sumber", sesuai dengan namanya, atribut ini berfungsi untuk menentukan sumber dari setiap FRAME yang akan ditampilkan.

Contoh :

<FRAME SRC="http://semogaberkah2010.blogspot.com/contoh.html">

tag tersebut menyatakan bahwa file sumber dari FRAME yang akan ditampilkan terdapat pada alamat http://semogaberkah2010.blogspot.com/contoh.html.

SCROLLING

Atribut SCROLLING berguna untuk menentukan apakah FRAME yang akan ditampilkan memiliki SCROLL atau tidak. Terdapat tiga pilihan dari atribut ini, yaitu : YES, NO, AUTO.

Pilihan Yes akan membuat suatu FRAME akan memiliki SCROLL, diperlukan maupun tidak diperlukan. Pilihan NO, akan membuat suatu FRAME tidak memiliki SCROLL meskipun dibutuhkan, sehingga dampaknya, FRAME yang menggunakan pilihan SCROLLING=NO memiliki bagian yang tidak terbaca karena tidak memiliki SCROLL. Pilihan SCROLLING=AUTO merupakan pilihan terbaik, dikarenakan suatu FRAME akan memiliki SCROLL hanya bila dibutuhkan, dan tidak akan menampilkan SCROLL bila FRAME tersebut tidak memerlukannya.

Contoh :

1. <FRAMESET ROWS="10%,10%,*">  
2.    <FRAME SRC="a.html" SCROLLING=YES>  
3.    <FRAME SRC="b.html" SCROLLING=NO>  
4.    <FRAME SRC="c.html" SCROLLING=AUTO>  
5.   
6. </FRAMESET>

NORESIZE

Atribut ini berguna untuk melarang border suatu FRAME untuk digeser-geser.

Contoh :

1.      <HTML>  
2.  <HEAD>  
3. <TITLE>No RESIZE</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%">  
6.          <FRAME SRC="a.html" NORESIZE>  
7.          <FRAME SRC="b.html">  
8.          <FRAME SRC="c.html">  
9.          <FRAME SRC="d.html">  
10.   </FRAMESET>  
11. </HTML>  

MARGINWIDTH

Atribut ini digunakan untuk menentukkan rataan tepi horizontal dari suatu FRAME.

Contoh :

1.      <HTML>  
2.  <HEAD>  
3. <TITLE>No RESIZE</TITLE>  
4. </HEAD>  
5.   <FRAMESET ROWS="30%,*,*">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html" MARGINWIDTH=1>  
8.          <FRAME SRC="c.html" MARGINWIDTH=100>  
9.   </FRAMESET>  
10. </HTML> 

MARGINHEIGHT

Atribut ini digunakan untuk menentukkan rataan tepi horizontal dari suatu FRAME.

Contoh :

1.  <HTML>  
2.  <HEAD>  
3. <TITLE>No RESIZE</TITLE>  
4. </HEAD>  
5.   <FRAMESET COLS="33%,33%,*">  
6.          <FRAME SRC="a.html">  
7.          <FRAME SRC="b.html" MARGINHEIGHT=1>  
8.          <FRAME SRC="c.html" MARGINHEIGHT=100>  
9.   </FRAMESET>  
10. </HTML> 

NAME

Atribut ini digunakan untuk menghubungkan tautan antar FRAME.

Contoh :

1. <html>  
2. <head>  
3. <title>Menu Belajar di semogaberkah2010.blogspot.Com</title>  
4. </head>  
5.   <frameset rows="15%,*">  
6.       <frame src="fold/menu kbc.html" <b>name="Judul"</b> scrolling="NO">  
7.   
8.     <frameset cols="20%,*">  
9.                 <frame src="fold/daftar isi.html" <b>name="daftar isi"</b>  
10.         <frame src="fold/isi.htm" <b>name="isi"</b>  
11.          </frameset>  
12.   </frameset>  
13.   
14. </html> 

Tag diatas akan membentuk sebuah dokumen HTML yang terdiri atas tiga buah FRAME, yang pertama bernama "Judul". Halaman tersebut hanya akan digunakan sebagai judul dari dokumen HTML. Kemudian ada FRAME kedua yang bernama "daftar isi" yang merupakan FRAME yang berisi tautan-tautan yang akan berhubungan dengan FRAME ketiga yang bernama "isi".

1. <html><br>  
2. <head><br>  
3. <title>Daftar Isi</title><br>  
4. </head><br>  
5. <body><br>  
6. <h3>Daftar Isi</h3><br>  
7. <a href="isi.htm#Forum" target="isi">Forum</a><br>  
8. <p>  
9. <a href="isi.htm#Ujian Online" target="isi">Ujian Online</a>  
10. </p><br>  
11. <p>  
12. <a href="isi.htm#Chat" target="isi">Chat</a>  
13. </p><br>  
14. <p>  
15. <a href="isi.htm#Did You Know" target="isi">Did U Know ?</a></p><br>  
16. <p>  
17. <a href="isi.htm#Quote" target="isi">Quote</a></p><br>  
18. </body><br>  
19. </html> 

Pada tag diatas perhatikan bagian tautan :

<a href="isi.htm#Forum" target="isi">Forum</a>

Bagian tersebut akan membentuk tautan yang mengarah pada FRAME "isi" pada bagian FORUM, sehingga apabila tautan tersebut di-klik, maka FRAME "isi" akan menampilkan bagian yang bernama FORUM. FRAME ketiga bernama "isi" yang merupakan isi yang bertautan dengan FRAME kedua.

1. <html><br>  
2. <head><br>  
3. <title>Isi</title><br>  
4. </head><br>  
5. <body><br>  
6. <a name="Forum">  
7. <h2>Forum</h2></a><br>  
8. <p>Forum semogaberkah2010.blogspot.Com merupakan sebuah fitur yang akan segera diwujudkan dalam rangka</p><br>  
9. <p>mempermudah setiap pengunjung melakukan tukar pendapat di semogaberkah2010.blogspot.Com</p><br>  
10. <p> </p><br><br>  
11. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque rhoncus augue vel dictum. Integer id risus eu magna pulvinar scelerisque. Integer consequat, ante in vestibulum vestibulum, augue enim ultrices diam, et rutrum neque ligula nec lorem. In pharetra condimentum varius. Proin viverra ante ac orci faucibus ac dignissim purus vulputate. Duis porttitor cursus orci, ut interdum urna malesuada vitae. Etiam aliquam vestibulum adipiscing. Integer a metus purus, sed venenatis sem. Nulla accumsan ultrices sapien, sed elementum mauris viverra nec. Nullam commodo cursus bibendum. Sed sed facilisis libero. Sed eget lacus nulla, non iaculis est.  
12. Fusce non urna enim. Suspendisse vitae urna mi, nec cursus arcu. Cras lobortis ultricies elit, at cursus dui ultrices nec. Nam non arcu mauris. Morbi sollicitudin neque vitae velit consequat pharetra. Vivamus hendrerit, ligula eu adipiscing auctor, sem metus malesuada velit, quis venenatis  diam libero a est. Maecenas interdum lobortis lacinia. Phasellus pretium commodo lacinia.  Etiam rutrum dictum elit sed imperdiet. Pellentesque ac elit lacus. Sed pulvinar arcu sed nulla  mollis sodales. Nam fermentum nunc gravida ligula consectetur vulputate. Pellentesque habitant  morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin porta iaculis orci  ut euismod.</p><br>  
13. <p><br><br>  
14. <a name="Ujian Online"><br>  
15. <h2>Ujian Online</h2><br>  
16. </a><br>  
17. <p>  
18.   Ujian Online Klikbelajar.com adalah salah satu fitur utama yang dimiliki pada situs ini.  Fitur ini</p><br>  
19. <p>bertujuan untuk memudahkan pengunjung mencoba kemampuannya dalam menjawab  soal-soal </p><br>  
20. <p>ujian yang akan dihadapi oleh pengunjung.</p><br><br>  
21. <p>ivamus vel ligula sapien. Aliquam sed libero leo. Donec rhoncus, eros sit amet pretium  bibendum, libero ligula egestas ante, non feugiat orci justo nec enim. Donec turpis metus,  fermentum id egestas vitae, tincidunt at metus. In hac habitasse platea dictumst. Nam mollis  dignissim sapien, vitae suscipit urna condimentum sed. Suspendisse faucibus imperdiet tortor,  sollicitudin consectetur odio dapibus quis. Nam pretium auctor neque quis tincidunt. Suspendisse  adipiscing ante at libero semper ornare. Etiam est tellus, consectetur rutrum tempus scelerisque,  blandit eget tellus. Integer tincidunt vulputate orci, non volutpat neque aliquam at. Donec sapien  neque, ullamcorper eget condimentum ac, vehicula et ante. Ut placerat, quam ut commodo congue,  risus metus bibendum metus, hendrerit hendrerit leo elit non felis. Sed vestibulum, dolor eu rhoncus  blandit, ante nulla sollicitudin risus, in placerat ligula ligula quis mauris. Sed dolor diam, ultrices  vel iaculis placerat, fringilla sit amet tellus. Morbi eu eros neque. Praesent et purus in tortor rutrum  tincidunt vehicula eu sapien. Donec at turpis arcu, quis aliquam dui. Duis convallis nunc nec nisi  porta non mattis purus pulvinar. Fusce sit amet elit sit amet metus euismod rutrum.</p><br>  
22. <p>  
23. <a name="Chat">  
24. <h2>Chat</h2></a><br><br>  
25. <p>Pellentesque turpis sem, feugiat non tincidunt condimentum, tempus et dolor.  Morbi at neque nec diam consequat euismod in sit amet tellus. Pellentesque arcu nisi,  aliquam sed mattis quis, iaculis id orci. Sed adipiscing hendrerit felis, eget malesuada nisi  fermentum nec. Duis rutrum pellentesque sapien, sit amet dictum turpis vestibulum eu.  Sed ac nibh id odio pharetra aliquet sagittis nec nulla. Aenean adipiscing mollis risus a  consectetur. Sed scelerisque neque at elit adipiscing fringilla sollicitudin metus ultrices.  Vestibulum a varius nibh. Etiam fermentum aliquet tempus. Cras venenatis condimentum  neque vel fringilla. Praesent leo orci, ornare eu ultrices bibendum, pellentesque eu diam.  Fusce dapibus dolor nec metus tincidunt congue.  
26.   
27. Sed aliquet commodo neque, nec congue felis posuere eget. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed in nunc a risus  varius ornare eu vitae nisi. Pellentesque bibendum tortor ligula, sed tincidunt odio. Quisque  id leo non massa mattis commodo et nec mi. Proin ut nisi libero. Cum sociis natoque penatibus  et magnis dis parturient montes, nascetur ridiculus mus. In mauris lectus, vestibulum vitae molestie  ac, dapibus ac nisl. Praesent est velit, rhoncus pellentesque imperdiet a, convallis a ipsum. Ut ut  sem ut dolor scelerisque accumsan tincidunt sit amet nisl. Praesent pretium fermentum placerat.  Praesent at mauris a felis laoreet ullamcorper a quis dui.</p><br><br>  
28.   
29.   
30. <a name="Did You Know">  
31. <h2>Did You Know</h2></a><br><br>  
32.   <p>Fusce non urna enim. Suspendisse vitae urna mi, nec cursus arcu.  Cras lobortis ultricies elit, at cursus dui ultrices nec. Nam non arcu mauris. Morbi sollicitudin  neque vitae velit consequat pharetra. Vivamus hendrerit, ligula eu adipiscing auctor, sem metus  malesuada velit, quis venenatis diam libero a est. Maecenas interdum lobortis lacinia. Phasellus  pretium commodo lacinia. Etiam rutrum dictum elit sed imperdiet. Pellentesque ac elit lacus. Sed  pulvinar arcu sed nulla mollis sodales. Nam fermentum nunc gravida ligula consectetur vulputate.  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Proin porta iaculis orci ut euismod.  
33. Vivamus vel ligula sapien. Aliquam sed libero leo. Donec rhoncus, eros sit amet  pretium bibendum, libero ligula egestas ante, non feugiat orci justo nec enim. Donec turpis  metus, fermentum id egestas vitae, tincidunt at metus. In hac habitasse platea dictumst. Nam mollis  dignissim sapien, vitae suscipit urna condimentum sed. Suspendisse faucibus imperdiet tortor,  sollicitudin consectetur odio dapibus quis. Nam pretium auctor neque quis tincidunt. Suspendisse  adipiscing ante at libero semper ornare. Etiam est tellus, consectetur rutrum tempus scelerisque,  blandit eget tellus. Integer tincidunt vulputate orci, non volutpat neque aliquam at. Donec sapien neque,  ullamcorper eget condimentum ac, vehicula et ante. Ut placerat, quam ut commodo congue, risus metus  bibendum metus, hendrerit hendrerit leo elit non felis. Sed vestibulum, dolor eu rhoncus blandit, ante  nulla sollicitudin risus, in placerat ligula ligula quis mauris. Sed dolor diam, ultrices vel iaculis placerat,  fringilla sit amet tellus. Morbi eu eros neque. Praesent et purus in tortor rutrum tincidunt vehicula eu  sapien. Donec at turpis arcu, quis aliquam dui. Duis convallis nunc nec nisi porta non mattis purus  pulvinar. Fusce sit amet elit sit amet metus euismod rutrum.</p><br><br>  
34.     
35.     
36. <a name="Quote">  
37. <h2>Quote</h2></a><br><br>  
38.      
39. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque rhoncus  augue vel dictum. Integer id risus eu magna pulvinar scelerisque. Integer consequat, ante in  vestibulum vestibulum, augue enim ultrices diam, et rutrum neque ligula nec lorem. In pharetra  condimentum varius. Proin viverra ante ac orci faucibus ac dignissim purus vulputate. Duis  porttitor cursus orci, ut interdum urna malesuada vitae. Etiam aliquam vestibulum adipiscing.  Integer a metus purus, sed venenatis sem. Nulla accumsan ultrices sapien, sed elementum mauris  viverra nec. Nullam commodo cursus bibendum. Sed sed facilisis libero. Sed eget lacus nulla,  non iaculis est.  
40.   
41. Fusce non urna enim. Suspendisse vitae urna mi, nec cursus arcu. Cras lobortis ultricies elit,  at cursus dui ultrices nec. Nam non arcu mauris. Morbi sollicitudin neque vitae velit consequat  pharetra. Vivamus hendrerit, ligula eu adipiscing auctor, sem metus malesuada velit, quis venenatis  diam libero a est. Maecenas interdum lobortis lacinia. Phasellus pretium commodo lacinia. Etiam  rutrum dictum elit sed imperdiet. Pellentesque ac elit lacus. Sed pulvinar arcu sed nulla mollis sodales.  Nam fermentum nunc gravida ligula consectetur vulputate. Pellentesque habitant morbi tristique s enectus et netus et malesuada fames ac turpis egestas. Proin porta iaculis orci ut euismod.</p><br><br>  
42.   
43. </body><br>  
44. </html><br> 

Pada tag tersebut, perhatikan pada bagian :

1. <a name="Forum"> 

Bagian tersebut menandakan bahwa daerah tersebut bernama "Forum" yang dapat memiliki hubungan dengan FRAME lain. Bagian ini yang berfungsi untuk menjadi pengenal agar mudah ditautkan dengan FRAME "daftar isi".

Read more »