CHAFIT COMPUTER

Selasa, 29 Juni 2010

MEMBUAT LINK DAN FRAME DALAM HTML

Dalam artikel kali ini saya akan Memberikan gambaran singkat mengenai cara membuat link dan frame dalam Halaman Web yang ingin kita buat. Penambahan media tersebut tentunya dapat membuat Website yang kita buat menjadi lebih menarik dan tidak membuat orang bosan hasilnya pastinya website kita sering dikunjungi oleh para Surfer Dunia Internet. Berikut adalah penjelasan dari saya mengenai membuat script dalam membuat link dan frame dalam Pemograman Html. Penulisan Script Link dan Frame akan dibaca oleh blog seagai script , Untuk lebih jelasnya Download Penjelasan Membuat Link dan Frame HTML di Link dibawah.

HTML menggunakan hyperlink untuk membuat link ke dokumen lain atau bagian lain dari dokumen di internet, yaitu dengan tag anchor <a>. Tag anchor ini dapat merujuk ke berbagai jenis dokumen multimedia, seperti dokumen teks, gambar/image, suara, video, dan lain-lain.

Berikut ini adalah beberapa contoh penggunaan tag link dalam HTML :

1. Attribut HREF digunakan untuk memberikan alamat link yang dikehendaki, sedangkanteks yang berada di antara tag <a> dan akan ditampilkan sebagai hyperlink.

2. Attribut target digunakan untuk mendefinisikan di mana dokumen pada link tersebut akan dibuka. Pada contoh di bawah ini target="_blank" akan membuka dokumen pada window web browser baru. Secara default, tanpa atribut target dokumen akan dibuka pada window yang sama.

3. Attribut name digunakan untuk memberikan nama anchor. Dengan nama anchor ini dapat dibuat link untuk menuju ke lokasi spesifik pada halaman HTML yang ditunjukkan oleh nama anchor tersebut. Hal ini memudahkan pencarian bagian halaman HTML tanpa menggulung layar web broser. <a name="label">teks</a> Sedangkan link yang digunakan untuk menuju nama anchor seperti yang ditunjukkan di atas adalah sebagai berikut :

<a href="#label">link menuju bagian label</a>

Sebuah image dapat dijadikan link. Sama halnya dengan pembuatan link dengan menggunakan teks seperti dijelaskan di atas, hanya saja untuk teks diganti dengan image, yaitu dengan menyisipkan tag <img> di antara tag <a href> dan </a>. Misal : <a href="fotoku.html"><img src="fotoku.jpg"></a>

Frame

Dengan frame dapat ditampilkan lebih dari satu halaman HTML pada jendela web browser yang sama. Setiap dokumen HTML disebut sebagai frame, dan setiap frame tidak saling berkaitan satu dengan lainnya.

Kekurangan dan kelemahan penggunaan frame adalah :

1. perancang web harus memantau lebih banyak dokumen HTML.

2. sulit untuk mencetak keseluruhan halaman.

Ada dua tag HTML yang digunakan dalam pembuatan frame, yaitu <frameset> dan <frame>. Masing-masing penggunaannya akan dijelaskan pada bagian berikut:

Tag Frameset

1. tag <frameset> digunakan untuk mendefinisikan bagaimana jendela web browser akan dibagi menjadi frame-frame.

2. setiap frameset menjelaskan format baris atau kolom yang digunakan untuk frame.

3. nilai baris atau kolom mengindikasikan jumlah area layar yang akan digunakan oleh setiap baris atau kolom.

4. tag <frameset cols> berikut akan membagi layar menjadi tiga bagian kolom masing-masing sebesar 25%, 50%, dan 25% dari lebar area layar. <frameset cols="25%,50%,25%">

5. tag <frameser rows> berikut akan membagi layar menjadi tiga bagian baris masing-masing sebesar 25%, 50%, dan 25% dari tinggi area layar. <frameset rows="25%,50%,25%">

6. pembagian frame bisa dengan ukuran pesentase (relatif) seperti contoh di atas, atau dengan ukuran pixel (absolut). Namun dengan pixel tidak dapat ditentukan ukuran seluruh frame, karena ukuran layar monitor yang digunakan juga belum tentu sama. Untuk itu digunakan tanda "*" untuk pengganti ukuran yang tidak tentu tadi. Contoh berikut akan membagi layar menjadi dua bagian baris masing-masing sebesar 100 pixel dan sisa pixel dari tinggi area layar.

<frameset rows="100,*">

Sedangkan contoh ini akan membagi layar menjadi dua bagian kolom masingmasing sebesar 100 pixel dan sisa pixel dari lebar area layar.

<frameset cols="100,*">

7. tag tidak membutuhkan adanya tag <body> terkecuali bila web browser yang digunakan tidak mendukung tag <frameset> tersebut.

Tag Frame

1. tag <frame> menjelaskan dokumen HTML mana yang akan disertakan pada setiap frame.

2. pada contoh berikut ini menunjukkan frameset dengan dua kolom, masingmasing sebesar 25% dan 50 % dari lebar area layar. Dokumen HTML dengan nama "frame_1.html" disertakan pada kolom pertama, dan dokumen HTML kedua yang bernama "frame_2.html" disertakan pada kolom kedua.

<html>

<frameset cols="25%,50%">

<frame src="frame_1.html">

<frame src="frame_2.html">

</frameset>

</html>

Penggunaan frame dapat juga digunakan untuk memudahkan navigasi sebuah halaman web. Untuk itu diperlukan sebuah dokumen HTML berisi link-link yang berfungsi sebagai navigasi pada satu frame, dan frame lainnya akan digunakan sebagai target dokumen yang ditunjukkan pada link-link tersebut.

Contoh :

File coba1.html :

<html>

<body>

<a href=frame1.html" target="showframe">frame1</a><br>

<a href=frame2.html" target="showframe">frame1</a><br>

</body>

</html>

File coba2.html :

<html>

<frameset cols="120,*">

<frame src="coba1.html">

<frame src="coba2.html" name="showframe">

</frameset>

</html>

Sumber : Praktikum Pemrograman Web STI&K Jakarta

Mencegah Halaman Website Ditampilkan Dalam Inline Frame

Pernahkan anda menggunakan inline frame untuk menampilkan halaman website lain? Menyenangkan bukan? Namun justru hal ini menjadi tidak menyenangkan bagi pemilik halaman website yang halamannya ditampilkan dalam frame tersebut. Bagi seorang admin yang mengerti hal ini tentunya sangat berdampak buruk, karena penggunaan frame untuk menampilkan website lain tanpa izin dari pihak terkait sama dengan pencurian data, dan tentunya dampak lainnya adalah bandwith yang tersedot pun akan semakin besar, dan yang lainnya, berdampak buruk dalam search engine, yakni black list, karena di anggap curang dalam menempuh jalan SEO.

Lalu bagaimana solusinya?
Sebetulnya hal seperti ini bisa di cegah dengan javascript sederhana.
Letakkan script di bawah ini pada <head> setiap halaman yang ingin anda protek. Sangat mudah.

<script type="text/javascript">
<!--

if (self != top)
{
top.location.href = self.location;href;
}

//-->
</script>

Script di atas bertugas untuk mendeteksi :
jika url halaman yang diakses bukanlah url yang sebenarnya dimana halaman tersebut berada, maka lakukan redirect ke url aslinya.

ex.

file yang ada dalam frame adalah if.html

<html><head>
</head>
 <body bgcolor='#DFDFDF'>
Halaman yang di tampilkan pada inline frame 

</body>
 </html>


sebelum diproteksi

<html><head>

</head>
 <body bgcolor='#999999'>
ilmuwebsite resource center
<IFRAME SRC="if.html" TITLE="ilmuwebsite resource center">
 
</body>

setelah diproteksi

<html><head>
<script type="text/javascript">
 <!--

if (self != top)
   {
   top.location.href = self.location;href;
   }

//-->
</script>


</head>
<body bgcolor='#DFDFDF'>
 Halaman yang di tampilkan pada inline frame 

</body>
</html>

</html>

Oke, sekian. Selamat Mencoba.

Selasa, 15 Juni 2010

Cara Cepat Membuat Account Google Adsense

Teman-teman yang menggeluti internet marketing tentu mengerti akan potensi mendapatkan penghasilan dari Google Adsense, baik sebagai penghasilan utama ataupun sebagai penghasilan tambahan (kan lumayan blog dapat penghasilan tambahan).

Dulu mendapatkan Account Google Adsense relatif tidak terlalu sulit, teman-teman bisa membuat blog di blogger untuk memudahkan proses persetujuan Google Adsense, karena konon Blogger kan milik Google juga, jadi mungkin diberi semacam prioritas. Tapi seiring waktu, dan mungkin seiring dengan semakin banyaknya orang yang menyalahgunakan Account Google Adsensenya, maka Google Adsense pun memperketat kriteria penerimaannya.

Bukan hal baru lagi kalau banyak internet marketer yang mencurangi TOS (TOS=Term of Service, peraturan dasar) Google Adsense untuk mengeruk keuntungan sebanyak-banyaknya. Memang untuk yang sudah memiliki Account "hukuman" dari pelanggaran TOS ini bisa berupa peringatan, bisa langsung berupa "banned", jadi account Google Adsense nya langsung dinonaktifkan selama-lamanya, plus komisi yang sudah terkumpul di sana tidak dibayar.

Yang ikut menjadi korban, adalah para pemula internet marketing yang berusaha mendapatkan Google Adsense Account, dengan makin ketatnya criteria dan penyaringannya, maka makin kecil juga kans mereka mendapatkan Account Adsense, belum lagi rasa frustasi saat ditolak berkali-kali dalam pengajuannya.

Sekarang membuat Account Adsense membutuhkan blog/situs dengan domain tld, lalu umur blog juga minimal 6 bulan, itu pun masih diperiksa lagi oleh Google Adsense Team, apakah blog kita memenuhi syarat untuk pemasangan Adsense.

Nah, sekarang kabar baiknya… Beberapa waktu yang lalu, dari seorang teman online, saya dikabarin tentang situs jasa pembuatan Account Adsense, jadi kita nggak usah repot-repot mikirin seribu satu cara lagi kan?

Menilik harga pembuatan yang relatif terjangkau, saya kira tidak ada resiko untuk mencoba membuatnya, apalagi sudah ada teman online yang membuktikan kebenarannya. Jadi saya pun mencoba mendaftar setelah chatting dengan penyedia jasa pembuatan account Adsense ini.

Pak Ari, demikian saya memanggil beliau, menjamin kerahasiaan data yang akan kita berikan. Kita bisa membuat adsense atas nama kita sendiri atau atas nama orang lain yang kita percaya (harus kita percaya, karena ini berkaitan dengan uang, bagaimanapun, nantinya yang bisa mencairkan uang penghasilan Adsense nya adalah dia yang namanya tertera).

Saya hanya diharuskan mentransfer biaya pembuatannya, lalu mengirimkan data untuk Account Adsensenya, berupa nama dan alamat (sesuai KTP), juga nomor telepon. Sesuah itu saya hanya perlu menunggu 5-12 hari proses untuk dikabari apakah berhasil mendapatkan Account Adsense atau tidak.

Bilamana kita belum berhasil mendapatkan Account Adsense pada aplikasi pertama tersebut, uang kita tidak hilang, karena kita hanya harus mengirimkan biodata lain lagi untuk mengajukan kembali, demikian sampai kita diterima.

Nah, mudah kan caranya? Ini pasti bermanfaat untuk teman-teman yang selama ini kesulitan mengajukan Account Google Adsense, atau juga buat teman-teman yang Account Adsense nya di banned oleh Google.

Namun kemudahan ini hendaklah dihargai, janganlah mentang-mentang punya banyak account Adsense lalu kita semena-mena menggunakannya dengan melanggar segala jenis aturan di sana untuk keuntungan kita semata.

Ingatlah selalu, kalau banyak pelanggar dari negara kita bukan tidak mungkin suatu hari nanti Google makin mempersulit kriteria pembuatan Account Adsense, atau bahkan mungkin menutup pintunya untuk negara kita (seperti beberapa affiliate network yang menutup pendaftar dari Indonesia), janganlah keegoisan kita merugikan orang lain dan mempermalukan bangsa kita (masa mau dikenal sebagai bangsa pembuat 'fraud'?)

Anyway, buat teman-teman yang berminat mencoba jasa pembuatan Adsense, bisa mengunjungi situs Jasa Pembuatan Account Google Adsense.