Sebelum saya menunjukkan beberapa contoh kode yang pasti ampuh untuk mengatasi beberapa iklan yang ada pada hosting gratisan. Maka, saya ingin memberitahu pada anda teknik penyisipan iklan yang umum dan banyak digunakan antara lain :

1. Iklan berbentuk banner
Jenis penyisipan iklan ini akan terlihat jelas menempel pada halaman web anda. Teknik ini akan menambahkan kode iklan yang akan menjadi satu kesatuan dalam halaman web anda. Kodenya biasanya berupa script html sehingga sama saja seperti anda menyisipkan gambar pada halaman web anda.
2. Iklan dengan frame
Jenis ini merupakan jenis pemunculan iklan yang paling saya benci. Selain sangat kejam dalam membagi wilayah antara iklan dan isi web kita sendiri, kadang-kadang teknik ini juga membuat halaman web kita akan lambat proses pengaksesannya. Itu terjadi, karena ketika seseorang mengakses halaman web anda, yang terjadi adalah bukan hanya halaman web anda yang diload melainkan satu atau beberapa halaman iklan yang diload dan dibentuk dalam beberapa frame.
3. Iklan dengan popup (jendela baru)
Iklan dengan teknik ini sifatnya bisa menggangu dan bisa juga tidak. Saya mengatakan demikian karena, iklan ini akan muncul pada jendelanya sendiri atau halaman baru tanpa mengganggu atau menutupi isi pada halaman web anda yang secara khusus memiliki jendela sendiri. Berbeda dengan kedua teknik diatas, kedua-duanya akan menyisipkan iklannya pada satu jendela. Biasanya yang menderita akibat teknik periklanan ini adalah orang yang mengakses situs anda. Karena mau nggak mau ia harus menutup jendela iklan itu karena memadati isi taskbarnya. Dan karena hal ini bisa-bisa pengunjung anda akan berkurang.

Oke, selesai sudah bicara teknik. Kini saya akan membagikan contoh script dengan javascript untuk memblok iklan-iklan yang menggangu tersebut. Perlu diketahui, agar anda dapat mengetahui teknik iklan yang disisipkan pada situs anda, mau nggak mau anda harus periksa kodenya dan pelajari, nggak ngerti??? sepertinya anda perlu banyak memahami tentang HTML maupun javascript di dunia maya ini. Berikut contoh scriptnya :

1. Untuk Teknik Pertama
Bila baris iklan pada kode HTMLnya berada diantara tag <DIV> misalkan :
<DIV>Iklan bla..bla..bla</DIV>
Anda hanya perlu menghitung pada tag

keberapa dikurangi 1 dan isikan nilainya pada variabel id. Misalkan contoh HTML :

<HTML>
<BODY>
<DIV>
<DIV>
IKLAN
</DIV>
</DIV>
<DIV>
ISIKU
</DIV>
ISIKU LAGI
</BODY>
</HTML>

Terlihat jelas disana ada dua tag <DIV>, kecuali tag <DIV> didalam tag <DIV> tidak termasuk. Tag <DIV> iklan berada pada awal alias Tag <DIV> pertama, maka idnya adalah :
id = posisi - 1
id = 1 - 1
id = 0
Udah tambahkan script berikut diakhir seluruh element tag <DIV> atau setelah tag </HTML> juga boleh.

<script>
var collDivs = document.all.tags("DIV");
collDivs[0].style.display="none";
</script>

Sama seperti Tag <DIV> jika iklan yang ditampilkan berbentuk gambar atau menggunakan tag <IMG>, gunakan script berikut sesuai id tag <IMG> yang cara mendapatkannya sama seperti tag <DIV>.

<script>
document.images[0].style.display="none";
</script>

2. Untuk menghilangkan iklan dengan frame
Kalau anda mengerti HTML, pastilah anda tahu madsud saya yang satu ini. Untuk menghilangkan iklan dengan teknik ini adalah cukup mudah. Logikanya, kita hanya perlu menyuruh browser kita agar me-load halaman situs kita yang sebenarnya yang secara acak ditetapkan oleh penyedia hosting gratisan. Karena perlu anda ketahui, ketika anda meng-upload file-file situs anda ke host gratisan, nama file yang anda akses pada host tersebut bukanlah merupakan halaman web anda. Misalkan anda meng-upload file tomero-keren.html, maka secara otomatis file yang sebenarnya bisa saja tomero-keren.html?2007, tomero-ff.html, 03434423.html, dsb dan yang pasti kamu bakalan repot bila harus setiap saat mengecek file sebenarnya tiap hari. Isi file halaman asli kamu diubah menjadi halaman yang membentuk suatu frame, dimana diantara frame tersebut terdapat halaman situs kamu yang nama filenya udah diganti dan juga iklan-iklan yang menjengkelkan. Oke, dari pada panjang lebar mending saya kasih aja scriptnya.

<SCRIPT>
if(top.location.href != self.location.href)
{
top.location.href = self.location.href;
}
</SCRIPT>

Script ini akan me-load secara otomatis nama file atau alamat situs dari pada halaman web kamu ketika di akses. So, frame dan pastinya iklan akan hilang.

3. Teknik yang terakhir
Untuk teknik iklan yang satu ini, agaknya perlu banyak variasi script. Variasi tersebut di tetapkan berdasarkan kapan popup muncul serta masalah peletakan script. Sebelum anda merajuk kepada script, anda harus dapat mengetahui nama dari popup iklan host anda. Untuk mengetahui nama popup tersebut, lihat pada kode HTML nya dan dapatkan kode yang mirip-mirip dengan kode berikut:
window.open("halaman_web.html", "nama_popup","parameter");
Script diatas merupakan fungsi javascript untuk menampilkan jendela baru alias popup.

* Kemungkinan script yang menampilkan popup berada diawal kode HTML anda. Untuk itu, anda menambahkan script berikut dibawah script popup iklan atau baiknya didalam tag <BODY>. Karena perlu diketahui, intrepreter javascript akan langsung menjalankan script tanpa memperdulikan halaman sudah diload semua. Intrepeternya siap mengeksekusi jika kode yang diawali tag <SCRIPT> dan diakhiri tag </SCRIPT> sudah diload semua. Sehingga mungkin saja terjadi error bila suatu script mengandung pemanggilan suatu object, sedangkan object itu belum selesai diload termasuk objek yang dibentuk oleh kode javascript iklan (misalkan objek gambar atau tabel). Oke, dari pada banyak ngomong tapi nggak abis-abis berikut script yang akan menutup secara otomatis popup setelah ia muncul.

<script>
pup=window.open("about:blank","nama_popup","");
pup.window.close();
window.focus;
</script>

Script diatas akan memanggil ulang jendela popup dan mengakses halaman baru pada jendela tersebut, lalu menutupnya.
* Jika script popup tidak berda diawal kode HTML anda. Maka, sisipkan saja script berikut diatasnya. Script ini akan memblok akses popup yang anda inginkan sesuai nama popupnya, sehingga popup tidak sempat muncul atau dibuka.

<script>
function SaringJendela(url,nama,parmeter)
{
if(name.indexOf("nama_popup")!=-1) return false;
return window.Xopen(url,nama,parmeter);
}
window.Xopen=window.open;
window.open=SaringJendela;
</script>

Akhirnya, tuntas juga petualangan kita mengatasi iklan di hosting gratisan. Anda harus tahu, script yang saya contohkan diatas tidak selamanya bisa digunakan untuk membasmi iklan. Tetapi, setidaknya saya sudah memberikan gambaran kepada anda bagaimana cara membasmi iklan tersebut. Hanya kekreatifitasan dan juga kemauan anda yang terus-menerus mencoba untuk mencari dan mengembangkannya. Tetapi saya yakin, bila anda mampu javascript dan HTML, semuanya pasti berhasil tanpa perlu script yang saya ajarkan. Jika kamu udah paham semuanya serta logika iklan - iklan itu terbentuk, semua iklan - iklan pada hosting gratisan juga dapat dihapuskan hanya dengan tag - tag HTML tanpa perlu javascript. Anda hanya perlu menipu peletakan kode iklannya, hebat khan???. Huaahhh,

Read more »

Posted in: Anda,Chania,Dan (rank),HTML,Indonesia,Internet,JavaScript,Kini,Komputer,Languages

Buku tamu merupakan salah satu fitur standar yang terdapat dalam situs-situs di Internet, terutama situs-situs pribadi. Hampir dapat dipastikan, aplikasi buku tamu akan menggunakan database yang fungsinya adalah menyimpan daftar tamu yang pernah mengunjungi situs tersebut dan memberikan komentarnya. Untuk itu mula-mula kita persiapkan sebuah database – tentu saja menggunakan MySQL – dengan struktur sebagai berikut:

Field	Tipe Data
Nama	Varchar(30)
Email	Varchar(40)
Komentar	Text

Tabel disimpan dengan nama guest, sedangkan databasenya disimpan dengan nama gsbook.

Halaman web yang nantinya dirancang akan memiliki 3 halaman, yaitu halaman form buku tamu, halaman daftar tamu, dan halaman terima kasih.

Halaman form buku tamu akan berisi form untuk pengisian buku tamu.

Halaman daftar tamu akan berisi daftar tamu yang telah mengisi buku tamu.

Halaman terima kasih akan berisi ucapan terima kasih atas diisinya buku tamu.

Kita mulai perancangan kita dari halaman form buku tamu. Halaman form buku tamu berisi form untuk pengisian buku tamu. Pada halaman ini nanti akan ditambahkan suatu skrip yang akan melakukan verifikasi terhadap form yang belum diisi. Skrip halaman form buku tamu selengkapnya diberikan pada listing 1.

Listing 1. Form buku tamu

<HTML>

<HEAD>

<TITLE> Form </TITLE>

// 
JavaScript">
// ]]>

function pesan() {

var ceknama = document.forms[0].elements[0].value;

var cekemail = document.forms[0].elements[1].value;

var cekkom = document.forms[0].elements[2].value;

if (ceknama.length == 0) {

window.alert("Anda belum memasukkan nama Anda");

} else {

if ((cekemail.length == 0) || (cekemail.indexOf("@",1) == -1)) {

window.alert("Periksa kembali alamat email Anda");

} else {

if ((cekkom.length == 0)) {

window.alert("Anda belum berkomentar");

} else {

document.forms[0].submit();

}

}

}

}

</SCRIPT>

</HEAD>

<BODY>

Selamat Datang di Situs Kami

Silakan isi identitas Anda

<FORM NAME="identity" METHOD="post" ACTION="guest.php">

<PRE>

Nama : nama">

Email : <INPUT TYPE="text" NAME="email">

Komentar :

<TEXTAREA NAME="komentar" ROWS=10 COLS=30>

</TEXTAREA>

<INPUT TYPE="button" VALUE="Submit" onClick=pesan()>

</PRE>

</FORM>

</BODY>

</HTML>

Simpanlah file dengan nama bukutamu.html. Halaman form buku tamu akan terlihat seperti gambar 1. Yang perlu diingat adalah bahwa walaupun memiliki ekstensi .html, halaman ini harus tetap dijalankan di virtual direktori dengan mengetikkan http://localhost/direktori/namafile.html di bagian address browser.

Pembahasan dari skrip di atas adalah sebagai berikut: pada bagian head terdapat skrip JavaScript, skrip ini digunakan untuk verifikasi terhadap form yang belum diisi. Skrip tersebut dimulai dari bagian yang bertanda // .

Mula-mula skrip tersebut mengambil nilai dari setiap elemen form. Setelah itu nilai setiap elemen tersebut diperiksa, jika kosong, maka akan muncul peringatan. Bagian berikutnya merupakan form HTML biasa, tetapi pada bagian submit akan ditambahkan sebuah event handler yang mengacu pada skrip JavaScript yang terletak di bagian head sebagai berikut:

<INPUT TYPE="button" VALUE="Submit" onClick=pesan()>

Halaman berikutnya adalah halaman terima kasih. Halaman terima kasih merupakan halaman yang akan menampilkan ucapan terima kasih sekaligus di dalamnya terdapat skrip PHP yang digunakan untuk mengolah data yang dimasukkan pada halaman form buku tamu. Skrip selengkapnya diberikan pada listing 2.

Listing 2. Halaman terima kasih

<HTML>

<HEAD>

Buku Tamu

</HEAD>

<BODY>

<?

$host = "localhost";

$user = "root";

$pwd = "";

$conn = @mysql_connect ($host, $user, $pwd)

or die ("Koneksi Gagal, karena " . mysql_error());

mysql_select_db("gsbook",$conn);

$strSQL = "INSERT INTO guest (nama,email,komentar)

VALUES ('$_POST[nama]','$_POST[email]','$_POST[komentar]')";

$qry = @mysql_query($strSQL,$conn)

or die ("Query salah, karena: " . mysql_error());

?>

Terima kasih atas kesediaan Anda mengisi buku tamu.

<HR>

Klik di sini untuk melihat daftar para pengisi buku tamu.

</BODY>

</HTML>

Simpanlah file dengan nama guest.php. Halaman terima kasih akan terlihat seperti gambar 2.

Skrip di atas pada prinsipnya hanyalah membuka koneksi ke mysql dan menyimpan data-data yang telah dimasukkan ke dalam tabel. Pada bagian bawah terletak sebuah link yang merujuk pada halaman daftar tamu.

Klik di sini untuk melihat daftar para pengisi buku tamu.

File table.php inilah yang nantinya menampilkan daftar para pengisi buku tamu yang disajikan dalam bentuk tabel. Skrip selengkapnya dari file table.php diberikan pada listing 3.

Listing 3. Halaman daftar tamu

<HTML>

<HEAD>

Buku Tamu

</HEAD>

<BODY>

<CENTER>

<?

$host = "localhost";

$user = "root";

$pswd = "rahasia";

$conn = @mysql_connect ($host, $user, $pswd)

or die ("Koneksi Gagal: " . mysql_error());

mysql_select_db("gsbook",$conn);

$strSQL = "Select * from guest";

$qry= @mysql_query($strSQL,$conn)

or die ("Query salah: " . mysql_error());

$jml = mysql_num_rows($qry);

echo "Jumlah pengisi = $jml
";

?>

<TABLE BORDER=1>

<TR>

<TD BGCOLOR=#f32142> Nama </TD>

<TD BGCOLOR=#f32142> Email </TD>

Komentar

</TR>

<?

while ($row = mysql_fetch_array ($qry)) {

echo "<TR>";

echo "" . $row["nama"] . "";

echo "<TD BGCOLOR=#f7efde>" . $row["email"] . "</TD>";

echo "" . $row["komentar"] . "";

echo "</TR>";

}

?>

</TABLE>

</BODY>

</HTML>

Anggap saja buku tamu tersebut telah diisi oleh banyak orang, sehingga jika skrip di atas dijalankan tampilan yang didapatkan kurang lebih seperti pada gambar 3. Nama-nama yang tertera di sana hanya fiktif saja, jadi apabila ternyata ada yang memiliki nama dan email yang sama, itu hanya kebetulan belaka.

Nah, seandainya situs tersebut merupakan situs yang ramai oleh pengunjung dan pengisi buku tamunya banyak, maka menampilkan daftar tamu seperti skrip di atas tentu kurang baik karena halaman tersebut akan menjadi sangat panjang.

Alternatif yang digunakan adalah menampilkan sejumlah record tertentu per halaman dan di bagian bawah halaman terdapat link untuk menuju ke halaman berikutnya atau sebelumnya. Kira-kira seperti hasil search di Google itu lho. Untuk membuat bentuk halaman seperti itu, berikut akan diberikan salah satu contoh skrip alternatifnya. Gantilah isi skrip file table.php dengan skrip seperti pada listing 4.

Listing 4. Halaman daftar tamu alternatif

<HTML>

<HEAD>

Daftar Tamu

</HEAD>

<BODY>

<CENTER>

<?

$host = "localhost";

$user = "root";

$pswd = "rahasia";

$conn = @mysql_connect ($host,$user, $pswd)

or die ("Koneksi Gagal: " . mysql_error());

mysql_select_db("gsbook",$conn);

$hal = $_REQUEST['hal'];

$batas = ($hal - 1) * 5;

$strSQL1 = "Select * from guest limit $batas,5";

$strSQL2 = "Select * from guest";

$qry = @mysql_query($strSQL1,$conn)

or die ("Query salah: " . mysql_error());

$tot = @mysql_query($strSQL2,$conn)

or die ("Query salah: " . mysql_error());

$jml = mysql_num_rows($tot);

$kel = $jml/5;

if ($kel==floor($jml/5)){

$page = $kel;

} else {

$page = floor($jml/5)+1;

}

$pct = 100/($page+4);

echo "Jumlah pengisi = $jml
";

echo "Jumlah halaman = $page
";

echo "<HR>";

?>

<TABLE BORDER=1>

<TR>

<TD BGCOLOR=#f32142> Nama </TD>

<TD BGCOLOR=#f32142> Email </TD>

Komentar

</TR>

<?

while ($row = mysql_fetch_array ($qry)) {

echo "<TR>";

echo "<TD BGCOLOR=#f7efde>" . $row["nama"] . "</TD>";

echo "<TD BGCOLOR=#f7efde>" . $row["email"] . "</TD>";

echo "<TD BGCOLOR=#f7efde>" . $row["komentar"] . "</TD>";

echo "</TR>";

}

?>

</TABLE>

<HR>

<TABLE BORDER=0>

<TR>

<?

$lebar=$pct*2;

$prev=$hal-1;

$next=$hal+1;

echo "<TD WIDTH=$lebar"."%>";

if ($hal!=1) {

echo "<A HREF='table.php?hal=$prev'> Prev </A>";

} else {

echo "Prev";

}

echo "</TD>";

for ($i=1;$i<=$page;$i++) {

if ($i==$hal) {

echo "<TD WIDTH=$pct"."%>";

echo "$i";

echo "</TD>";

} else {

echo "<TD WIDTH=$pct"."%>";

echo "<A HREF='table.php?hal=$i'> $i </A>";

echo "</TD>";

}

}

echo "<TD WIDTH=$lebar"."%>";

if ($hal!=$page) {

echo "<A HREF='table.php?hal=$next'> Next </A>";

} else {

echo "Next";

}

echo "</TD>";

?>

</TR>

</TABLE>

</BODY>

</HTML>

Contoh skrip ini menggunakan query string di dalam menentukan halaman mana yang aktif saat itu. Setiap link untuk menuju ke suatu halaman tertentu akan memiliki bentuk seperti ini:

<A HREF=”table.php?hal=$i”>

Variabel $i akan berisi nomor halaman yang dituju.

Karena skrip table.php mengalami sedikit perubahan, maka skrip pada halaman terima kasih (listing 2) perlu dimodifikasi menjadi sebagai berikut:

Klik di sini untuk melihat daftar para pengisi buku tamu.

Mengapa query string “hal” diisi dengan angka 1? Tentu saja agar link tersebut menuju ke halaman 1 dari file table.php.

Nah, hasil run dari skrip table.php yang baru dapat dilihat pada gambar 4.

Read more »

Posted in: Anda,Dan (rank),HTML,Internet,JavaScript,Komputer,MySQL,PHP,Programming,Shinee

Wednesday, April 13, 2011

Cara menghilangkan iklan pada halaman web yang ada pada hosting gratisan

Membuat Buku Tamu Dengan PHP

Selamat Datang di Situs Kami

Terima kasih atas kesediaan Anda mengisi buku tamu.

tag