Bikin Spoiler - Membuat Spoiler - Membuat Tombol Spoiler

Spoiler atau boleh juga di bilang tombol otomatis Menurut saya banyak sekali manfaat yang bisa di ambil dari tombol spoiler tersebut.

Fungsi spoiler pada blog, mempercantik penatataan blog, menghemat tempat, mempersingkat loading blog.

Spoiler juga dapat di gunakan saat membuat posting video atau gambar dan lainnya, dengan maksud agar saat para pembaca yang ingin membaca artikel kita, tidak membutuhkan waktu yang lama untuk loading ke artikel tersebut.

Cara membuat Spoiler sangatlah mudah, anda tinggal copy dan paste kode spoiler di bawah ini.

Contoh Spoiler Kokoda pada buku tamu

Tulis Pesan Disini

Membuat spoiler seperti di atas, anda cukup meletakkan kode buku tamu di antara kode spoiler.

PERTAMA COPY KOCE SCRIPT INI

<center><div style="border: 0px inset green; padding: 0px;"><div><button class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Click to show the spoiler." type="button"><span style="color:black;"><span style="color: rgb(0, 102, 0); font-weight: bold;"><blink>P E S AN K O K O D A </blink></span></span></button></div><div id="spoiler" style="display: none;"><span style="font-weight: bold; color: rgb(0, 102, 0);">

KEDUA LETAKKAN KODE SCRIPT ANDA DIBAWAH KODE YANG DIATAS

KETIGA TAMBAHKAN COPY KODE INI

</span></div></div></center>


KETERANGAN

Untuk membuat spoiler teks tidak berkedip, anda tinggal hapus kode <blink> dan </blink> pada kode spoiler di atas.

Satu hal lagi yang sangat perlu anda perhatikan, jangan lupa untuk mengganti teks
P E S A N K O K O D A sesuai dengan yang anda inginkan

Sangat mudahkan...


Salam...
By. KOKODA

Selengkapnya - Bikin Spoiler - Membuat Spoiler - Membuat Tombol Spoiler

HTLM Validators

HTML validators are programs used to check and report on syntax errors in HTML codes.

Unclosed tags, illegal attributes, and other errors can make your Web pages garbled and ugly. Even if your favorite browser shows your pages properly, don't relax, some other browsers can render possible errors in different ways, producing unexpected results.

So it's time to validate your code. The best way to do this is to just use automatic HTML validators. Some of these are programs you download and run on your home computer, others offer a Web-based interface.

Also, good HTML editors (such as Macromedia HomeSite)have built-in HTML validation features.

Web-based HTML validators are convenient tools, and they don't take up any space on your hard drive.

However, offline validation applications are more flexible and powerful, and considerably quicker if you have a large site.

Here are a few HTML validation services, each with different strengths and specialties...

WEB-BASED HTML VALIDATORS

W3C HTML Validation Service
This the grandmamma of all online HTML validators. It parses HTML code and checks to see if it complies with the standard and with the W3C's recommendations for good HTML. This is the authoritative way to check if your code is following the standard to the letter.


HTML Tidy
This is the Web interface to HTML Tidy (which is downloadable as an offline tool - see below). It checks the code for HTML standards compliance. In addition to HTML validation, it can also create orderly indentation patterns in your HTML codes, change all of your tags to uppercase or lowercase, and even convert HTML documents to XML.

OFFLINE HTML VALIDATORS

HTML Tidy
This HTML validator is a remarkable tool when used offline. It's run from a command line. If you're using HTML-Kit, you'll probably appreciate HTML Tidy plugin

OTHER RELATED TOOLS

Pretty Printer
This is a little Web application that will load any page's source code and output it neatly indented and formatted for easy reading. It even numbers lines.


Salam...
By. KOKODA

Selengkapnya - HTLM Validators

Gambar Berbingkai

Pertama, tentu saja kita harus mempunyai alamat gambar yang mau di tampilkan, caranya yaitu gambar yang kita miliki harus di upload, bisa ke blogger atau ke hosting lain. Caranya yaitu setelah upload gambar selesai , maka sobat harus berpindah menu ke Edit HTML apabila sedang berada pada menu Compose. Saya ambil contoh gambar yang telah saya upload mempunyai kode seperti ini :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d4iHsB2tL6IsA4bR2XPcrjIhlhyxrwvHlcVtCIpztV2pnczVaWisxpYc7xoNAG9Y5_6x2VRFtyzJPwfVjbwr3vz_tlh-SDZrpvqmKwB4L07rZ_PvUax1w204qXbzDnoEotoOsyniad2G/s1600-h/film+district+9.jpg"><img style="cursor:pointer; cursor:hand;width: 120px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d4iHsB2tL6IsA4bR2XPcrjIhlhyxrwvHlcVtCIpztV2pnczVaWisxpYc7xoNAG9Y5_6x2VRFtyzJPwfVjbwr3vz_tlh-SDZrpvqmKwB4L07rZ_PvUax1w204qXbzDnoEotoOsyniad2G/s320/film+district+9.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5376554106698671346" /></a>


Gambarnya seperti ini :




Bagaimana caranya agar kita bisa membuat gambar tersebut menjadi ada bingkainya? Ini bisa dilakukan dengan menyisipkan beberapa atribut atau kode ke dalam kode gambar tersebut. Tampak pada kode yang saya berikan diatas sengaja saya cetak hitam, nah kita bisa menyisipkan beberapa kode di dalamnya, antara lain padding serta border, contoh :

padding:3px;
border:15px solid #BEBBBB;

padding:3px; --> padding adalah jarak atau ruang kosong yang kita buat agar terpisah dengan border (bingkai) dalam contoh ini yaitu sebesar 3 pixel. Apabila sobat tidak menginginkan ada jarak, maka jangan tambahkan kode ini.

border:15px solid #BEBBBB; --> border adalah besarnya bingkai yang akan di buat, saya ambil contoh sebesar 15 pixel. #BEBBBB --> adalah kode warna yang mau di tampilkan, dalam contoh ini warna coklat.

Merujuk pada kode yang saya cetak merah di atas, apabila kita sisipkan kode tambahan maka potongan kode gambar diatas akan menjadi seperti ini :

style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 133px; CURSOR: hand; HEIGHT: 113px; padding:3px; border:15px solid #BEBBBB;"

Maka gambar yang di hasilkan akan seperti ini :












Agar bingkai tampil lebih menarik, ada kode html yang bisa di pakai, contoh kodenya seperti ini :

<table border="20" cellpadding="6" />
<tr>
<td>

kode gambar yang ingin di tampilkan di sini !

</td>
</tr>
</table>

Sebagai contoh saya ambil alamat gambar yang sama yaitu pada kode gambar di atas. Untuk mengetahui alamat gambar diatas adalah kita ambil setelah kode src=", yaitu yang di awali dengan http dan di akhiri dengan JPG, sehingga alamat gambar diatas adalah sebagai berikut :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d4iHsB2tL6IsA4bR2XPcrjIhlhyxrwvHlcVtCIpztV2pnczVaWisxpYc7xoNAG9Y5_6x2VRFtyzJPwfVjbwr3vz_tlh-SDZrpvqmKwB4L07rZ_PvUax1w204qXbzDnoEotoOsyniad2G/s320/film+district+9.jpg

Untuk menampilkan gambar, kodenya jadi seperti ini :

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d4iHsB2tL6IsA4bR2XPcrjIhlhyxrwvHlcVtCIpztV2pnczVaWisxpYc7xoNAG9Y5_6x2VRFtyzJPwfVjbwr3vz_tlh-SDZrpvqmKwB4L07rZ_PvUax1w204qXbzDnoEotoOsyniad2G/s320/film+district+9.jpg">

Jadi apabila di satukan dengan kode HTML untuk bingkai, kodenya menjadi seperti ini :

<table border="15" cellpadding="6" />
<tr>
<td>

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d4iHsB2tL6IsA4bR2XPcrjIhlhyxrwvHlcVtCIpztV2pnczVaWisxpYc7xoNAG9Y5_6x2VRFtyzJPwfVjbwr3vz_tlh-SDZrpvqmKwB4L07rZ_PvUax1w204qXbzDnoEotoOsyniad2G/s320/film+district+9.jpg">

</td>
</tr>
</table>

dan gambar yang akan di tampilkan adalah seperti ini :







Untuk bingkai yang ini menurut saya lebih menarik daripada bingkai yang pertama karena ada kesan tiga dimensi.
Agar sobat lebih faham, ada kode yang nilainya bisa sobat rubah sesuai keinginan, yaitu :

boder ="15" --> nilai "15" adalah tebalnya bingkai sebesar 15 pixel, ini bisa sobat ganti dengan nilai yang di inginkan.
cellpedding ="6" --> nilai "6" adalah nilai jarak antara gambar dengan bingkai sebesar 6 pixel, ini bisa sobat ganti dengan nilai yang di inginkan.

Selamat mencoba....


Salam...
By. KOKODA

Selengkapnya - Gambar Berbingkai

Slider Punya KOKODA

#slider {
background:url(http://i692.photobucket.com/albums/vv281/kapisa2010/dot.gif);
height: 200px;
overflow: hidden;
position: relative;
margin: 5px 0; }

#mover {
width: auto;
position:absolute;
overflow:hidden; }

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px; }


.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #0B610B;
padding:0px 0px 10px 30px;
margin:0px 0px;
width:500px;
overflow:hidden; }

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent; }

.slide h2 a:hover {
color: #ddd;
background-color: transparent; }

span.slmet {
color: #0B610B;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase; }

.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px; }

.slide img {
position: absolute;
top: 20px;
left: 640px;
background:#fff;
padding:3px 3px; }

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 10px;
color: #0B610B;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000; }


------------------------------------------------

cari kode ini :<div id='outer-wrapper'><div id='wrap2'>
dan paste scrip ini dibawahnya :

<!-- Slider -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider'>
<div id='mover'>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/06/siapa-tak-kenal-boaspemain-lincah-dan.html' title='Boas Salossa'>Boas Theofilus Erwin Salossa</a></h2>
<span class='slmet'>Profil</span>
<p>siapa tak kenal boas,pemain lincah dan berbakat.saya pun suka pada boas. Memulai karir bermain sepakbola dari klub amatir PS Putra Yohan, Sorong, Papua, pada 1999. Namun hanya semusim bersama klub kota kelahirannya, ia hengkang ke Jayapura, ibukota Papua, dan bergabung dengan klub Perseru Jayapura.</p><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPMvfswGv5h5SAhWgbrdZ3ETXW7ZDbQBK-fE80Xhu9OJTVh4sd2W_GHHcZ23u-YMY7uVXFROiRq9mY65LwIHgnD94Eq4OqwplADxz83FqASIcFT7Wnb7I0UpFH7ZRdweICqXJSpWTEuk/s320/Boas+salosaa.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/08/polri-buru-4-buronan-teroris.html' title='Teroris'>Polri Buru 5 Buronan Teroris</a></h2><span class='slmet'>19/8/2009</span>
<p>Foto-foto dan identitas 4 buronan tersangka terorisme itu dirilis Kadiv Humas Mabes Polri Irjen Nanan Sukarna di kantornya, Jalan Trunojoyo.</p><img alt='' src='http://i692.photobucket.com/albums/vv281/kapisa2010/noordin-m-top1.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/08/polri-buru-4-buronan-teroris.html' title='Teroris'>Polri Buru 5 Buronan Teroris</a></h2><span class='slmet'>09/07/2009 </span><p>Foto-foto dan identitas 4 buronan tersangka terorisme itu dirilis Kadiv Humas Mabes Polri Irjen Nanan Sukarna di kantornya, Jalan Trunojoyo.</p><img alt='' src='http://i692.photobucket.com/albums/vv281/kapisa2010/2.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/07/presiden-sby-dilaporkan-unggul-dalam.html' title='Teroris'>Polri Buru 5 Buronan Teroris</a></h2><span class='slmet'>08/07/2009 </span>
<p>Foto-foto dan identitas 4 buronan tersangka terorisme itu dirilis Kadiv Humas Mabes Polri Irjen Nanan Sukarna di kantornya, Jalan Trunojoyo.</p>
<img alt='' src='http://i692.photobucket.com/albums/vv281/kapisa2010/4.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/06/ekonomi-jk-win-jelas-konkret.html' title='Teroris'>Polri Buru 5 Buronan Teroris</a></h2>
<span class='slmet'>Juni 03 2009;</span>
<p>Foto-foto dan identitas 4 buronan tersangka terorisme itu dirilis Kadiv Humas Mabes Polri Irjen Nanan Sukarna di kantornya, Jalan Trunojoyo.</p><img alt='' src='http://i692.photobucket.com/albums/vv281/kapisa2010/3.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://kokoda-artikel.blogspot.com/2009/06/ekonomi-jk-win-jelas-konkret.html' title='Teroris'>Polri Buru 5 Buronan Teroris</a></h2>
<span class='slmet'>Juni 03 2009;</span>
<p>Foto-foto dan identitas 4 buronan tersangka terorisme itu dirilis Kadiv Humas Mabes Polri Irjen Nanan Sukarna di kantornya, Jalan Trunojoyo.</p><img alt='' src='http://i692.photobucket.com/albums/vv281/kapisa2010/5.jpg'/>
</div>

</div>
<!-- /Mover -->
</div>
</b:if>
<!-- /Slider -->

---------------------

Keterangan :
Sahabat blogking pasti mengerti slider jadi sekarang tinggal bagemana memodifikasinya....

3| | |KOKODA| | |4

Selengkapnya - Slider Punya KOKODA

Pemrograman PHP

APA dan MENGAPA PHP.

PHP: Hypertext Preprocessor, merupakan bahasa pemrograman web dinamis layaknya
ASP, JSP, Perl dan sebagainya. Lalu mengapa harus menggunakan bahasa pemrograman, apa HTML saja tidak cukup ? Ya, tentu saja HTML tidak cukup, salah satunya adalah karena sifat HTML yang statis. HTML hanya berguna untuk desain, saat kita browsing, maka yang kita lihat itu sebenarnya adalah interprestasi dari HTML. Sebagai contoh saat kita menggunakan YahooMail untuk mengirim email, maka tampilan yang dapat kita lihat tersebut merupakan interprestasi dari HTML, sedangkan untuk dapat mengirim email, digunakan bahasa pemrograman web seperti PHP.

Catatan:
Disini kita anggap HTML statis, sedang PHP dinamis. Sebelumnya kita harus menyamakan persepsi mengenai dinamis disini, yang dimaksud dinamis disini bukannya web yang dapat gerak-gerak, tetapi dinamis berarti web yang dapat diubah-ubah tanpa mengubah langsung kedalam file webnya. PHP akhir-akhir ini semakin populer, jutaan web idunia menggunakannya, hal ini disebabkan oleh berbagai keunggulan PHP, diantaranya kemudahannya untuk dipelajari, gratis, kecepatan yang dapat diandalkan, dan sebagainya.

PHP HELLO WORLD

Kode PHP dapat disatukan dengan kode HTML sehingga mempermudah pemrogram dalam pengerjaan web. Sekarang kita akan membuat halaman php pertama kita.

<html>
<head>
<title>Hello World</title>
</head>
<body>

<?
echo "Hai ini Script PHP ku yang pertama";
?>

</body>
</html>

Ketik dan simpan script diatas dengan nama hello.php pada folder htdocs apache anda. Panggil script php anda menggunakan browser dengan url http://localhost/hello.php



Dari script diatas dapat kita ketahui bahwa script php diawali tengan tanda <? dan diakhiri dengan ?> , tanda tersebut untuk memisahkan antara script php dan script html. Script yang berada didalam tanda <? dan ?> akan dieksekusi sebagai script php. Echo, di PHP berfungsi untuk menuliskan sesuatu ke browser. Saat hello.php kita browse dan dilihat sourcecode-nya maka akan tempil seperti dibawah ini:

<html>
<head>
<title>Hello World</title>
</head>
<body>

Hai ini Script PHP ku yang pertama

</body>
</html>

Hal ini berarti bahwa user yang mem-browse script php hanya akan melihat scriptnya sebagai script html, sedangkan script php-nya tidak terlihat. Berbeda dengan HTML, script PHP membedakan antara huruf besar dan huruf kecil, karenanya kita harus berhati-hati dalam penulisan script PHP.

Tips:

Sebaiknya kita selalu menuliskan script PHP dalam huruf kecil, karena lebih enak dibaca dan cenderung konstan sehingga kemungkinan salahnya lebih kecil.

Variabel, Konstanta dan Tipe data dalam PHP
VARIABEL

Variabel didalam PHP dinyatakan dengan tanda $ diikuti nama variabel, pada PHP variabel tidak perlu dideklarasikan, sehingga mempermudah untuk programmer pemula. Misalnya kita ingin menyimpan nilai Pi kedalam variabel $Pi , maka kita tinggal menuliskan $pi = 3.14; pada script PHP.

KONSTANTA

Konstanta fungsinya hampir sama dengan variabel, hanya saja nilai konstanta selalu tetap, tidak bisa diubah-ubah. Untuk mendefinisikan konstanta digunakan fungsi define(). Nilai Pi yang disimpan dalam variabel $pi diatas sebenarnya lebih cocok bila disimpan dalam konstanta, karena nilai Pi selalu tetap. Contoh :

define("pi", 3.14);

TIPE DATA

PHP mengenal berbagai macam tipe data, mulai dari integer, float, string, array, dan object. Tipe data integer meliputi semua bilangan bulat, float meliputi semua bilangan pecahan, string untuk karakter atau kumpulan karakter, array untuk kumpulan data, sedangkan tipe data object untuk pemrograman berorientasi object yang tidak akan kita bahas lebih jauh pada buku ini. Tipe data string harus selalu diapit tanda petik tunggal atau tanda petik ganda. Coba perhatikan script hello.php, pada baris echo "...."; terdapat kumpulan karakter yang diapit tanda petik,
kumpulan karakter tersebut bertipe data string. Dalam PHP kita akan sering menggunakan tipe data array. Tipe data array digunakan untuk menyimpan banyak data dalam satu variabel, sebagai contoh untuk memasukkan daftar siswa kedalam suatu variabel, perhatikan script dibawah :

<html>
<head>
<title>Hello World</title>
</head>
<body>

<?
$siswa[0] = 'ilma';
$siswa[1] = 'tika';
$siswa[2] = 'dina';
$siswa[3] = 'ogi';
$siswa[4] = 'sidik';
$siswa[5] = 'ayik';
$siswa[6] = 'momon';
$siswa[7] = 'ippin';

for ($i=0; $i<7; $i++) {
echo "variabel \$siswa[$i] bernilai $siswa[$i] <br/>";
}
?>

</body>
</html>



Anda tidak perlu khawatir jika belum tahu maksud dari perintah for dari script diatas, kita akan membahasnya pada bab berikutnya. Pada script diatas pertama-tama dimasukkan data siswa kedalam variabel array $siswa, kemudian ditampilkan nilainya kebrowser. Lebih jauh kita akan membahas tipe data array pada bab-bab berikutnya.

VARIABEL DARI FORM HTML

Untuk mengirimkan variabel dari satu halaman ke halaman lainnya atau kehalaman itu sendiri biasa digunakan form HTML. Form HTML akan mengirimkan variabel ke webserver, sehingga di webserver variabel tersebut menjadi input yang akan diolah oleh script PHP yang anda buat. Berikut adalah contoh penggunaan variabel dalam form :

<?
if ($submit){
echo "Nama : $nama <br/>";
echo "Email : $email<br/>";
echo "Alamat : $alamat<br/>";
echo "Pesan: <br/> $pesan<br/>";
echo "<hr/>";
}

?>
<html>
<head>
<title>Variabel dari Form</title>
</head>

<body>
<form action="form_variabel.php" method="post">
<p>Nama :
<input type="text" name="nama">
<br>
Email :
<input type="text" name="email">
<br>
Alamat :
<input type="text" name="alamat">
<br> 31
Pesan :<br>
<textarea name="pesan"></textarea>
<br>
<br>
<input type="submit" name="submit" value="Submit">
<input type="reset" name="Submit2" value="Reset">
</p>
</form>
</body>
</html>

Ketik dan simpanlah ke form_variabel.php, kemudian coba isi formnya dan klik tombol submit, amati apa yang terjadi.







Saat tombol submit diklik, form akan mengirim variabel ke file tujuan yang tertera pada atribut action pada form. Karena pada script diatas atribut action menunjuk ke form variabel.php (file itu sendiri) maka variabel dikirim ke file form variabel.php. File form_variabel.php mengirim beberapa variabel, yaitu variabel $nama, email, $alamat, $pesan, dan $submit, yang kemudian variabel-variabel tersebut dicetak apabila tombol submit sudah diklik. Apabila tombol submit sudah diklik, maka variabel $submit akan bernilai TRUE, hal ini digunakan untuk mengecek apakah tombol submit sudah diklik atau belum.

OPERATOR dan STATEMENT
OPERATOR

Operator berguna untuk melakukan suatu operasi pada suatu nilai. Operator di PHP sangatlah umum sehingga mudah untuk dipahami. Disini kita akan membahas operator yang sering digunakan.

Operator Aritmatika

$x + $y ; //untuk penjumlahan
$x - $y ; //untuk pengurangan
$x * $y ; //untuk perkalian
$x / $y ; //untuk pembagian
$x % $y ; //untuk sisa hasil bagi

Operator Assignment

$x = $y ;
$x += 1; //sama dengan $x = $x + 1;
$x -= 1; //sama dengan $x = $x - 1;
$x *= 1; //sama dengan $x = $x * 1;
$x /= 1; //sama dengan $x = $x / 1;

Operator Perbandingan

$x == $y; //sama dengan, jika $x sama dengan $y akan menghasilkan TRUE, jika tidak sama menghasilkan FALSE
$x === $y; //identik
$x != $y; //tidak sama dengan
$x < $y; //lebih kecil dari
$x > $y; //lebih besar dari
$x <= $y; //lebih kecil atau sama dengan
$x >= $y; //lebih besar atau sama dengan

Operator Increment dan Decrement

$x++; //operasi dilaksanakan, baru nilai $x ditambah satu
$x--; //operasi dilaksanakan, baru nilai $x dikurang satu
++$x; //sama dengan nilai $x ditambah satu baru operasi dijalankan
--$x; //sama dengan nilai $x dikurang satu baru operasi dijalankan

STATEMENT

Statement digunakan untuk mengontrol alur program. Beberapa statement PHP diadopsi dari bahasa C, sehingga bagi anda yang sudah pernah menggunakan C akan jauh lebih mudah dalam memahami statement di PHP. Pada bab ini hanya akan dibahas sekilas mengenai statement, lebih dalam kita akan melanjutkannya bersamaan dalam pembuatan aplikasi.

Statemenet if

if, yang berarti jika, digunakan untuk mengecek apakah suatu syarat dalam if terpenuhi, apabila dipenuhi maka suatu operasi dilakukan, perhatikan contoh dibawah :

<?
$nama = 'castle';
if ($nama == 'castle') {
echo "Rumah saya berbentuk $nama";
}
?>

Statement if..else

Seperti halnya statement if, statement if..else akan mengecek apakah syarat pada if terpenuhi, jika ya maka operasi dibawah if dilakukan, jika tidak maka operasi yang dibawah else yang dilakukan.

<?
$kondisi = 'lapar';
if ($kondisi == 'lapar) {
echo "Aku akan beli makanan";
}else {
echo "Aku tidak akan beli makanan";
}
?>

Statement switch

Statement switch digunakan untuk membandingkan syarat dengan berbagai nilai.

<?

$umur = 2;
switch ($umur){
case 1 :
echo "Bayi itu masih sangat kecil";
break;
case 2 :
echo "Bayi itu sudah sangat lincah";
break;
case 3 :
echo "Anak itu sudah tampak kecerdasannya";
break;
case 4 :
echo "Anak itu sangat gembira masuk taman kanak-kanak";
}

?>

While Loop

While, akan mengeksekusi suatu perintah secara berulang-ulang, sampai kondisi pada while tidak terpenuhi.

Contoh:

<?
$i = 0;
while ($i <= 10) {
echo "nilai i sekarang adalah $i <br />";
$i++;
}
?>

Program tersebut akan menuliskan nilai hingga i lebih besar dari 10.



For Loop

For digunakan untuk looping dengan memasukkan nilai awal, selama syaratnya terpenuhi. Bentuk umum For adalah sebagai berikut :

<?
for ($i=0; $i <=10; $i++){
echo "$i";
}
?>

Pada saat looping akan dijalankan, nilai $i diset menjadi 0; kemudian dicek apakah syarat kedua memenuhi, jika ya maka operasi echo dilakukan kemudian nilai $i dinaikkan 1 (syarat3 : $i++),jika tidak looping berhenti.

FUNGSI
<?

//menghitung rumus abc

// data 1

$a = 2;
$b = 3;
$c = 1;

$hasil_x1 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;
$hasil_x2 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;

echo "x1 = $hasil_x1 <br/>";
echo "x2 = $hasil_x2 <br/><br/>";

// data 2

$a = 5;
$b = 7;
$c = 1;

$hasil_x1 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;
$hasil_x2 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;

echo "x1 = $hasil_x1 <br/>";
echo "x2 = $hasil_x2 <br/><br/>";

// data 3

$a = 22;
$b = 145;
$c = 4;

$hasil_x1 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;
$hasil_x2 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;

echo "x1 = $hasil_x1 <br/>";
echo "x2 = $hasil_x2 <br/><br/>";

?>



Perhatikan program diatas! Program diatas menghitung nilai x1 dan x2 dari suatu nilai a, b, c yang dimasukkan, kemudian menuliskan hasilnya ke browser. Operasi tersebut dilakukan berulang kali, dan anda harus menuliskannya sebanyak data yang ingin anda hitung, hal ini tentu saja sangat tidak efisien, karenanyalah di PHP terdapat fungsi. Fungsi berguna untuk mengumpulkan operasi, yang dapat menerima masukan(input) dan mengeluarkan output. Fungsi akan sangat membantu dalam pemrograman berskala besar, karena fungsi yang pernah dibuat dapat dipakai kembali(reusable). Program diatas dapat disederhanakan menggunakan fungsi sbb:

<?
// menghitung rumus abc dengan menggunakan fungsi

function hitung_abc($a, $b, $c) {
$hasil_x1 = (-1*$b + sqrt($b*$b - 4*$a*$c)) / 2*$a;
$hasil_x2 = (-1*$b - sqrt($b*$b - 4*$a*$c)) / 2*$a;
echo "x1 = $hasil_x1 <br/>";
echo "x2 = $hasil_x2 <br/><br/>";
}

//data 1

hitung_abc(2, 3, 1);

// data 2

hitung_abc(5, 7, 1);

// data 3

hitung_abc(22, 145, 4);

?>

Program diatas melakukan operasi persis sama dengan program sebelumnya. Coba perhatikan pemanggilan fungsi hitung_abc() yang pertama! Pemanggilan fungsi disertai pemasukan argumen sebagai input, yaitu untuk argumen variabel $a dimasukkan nilai 2, $b dimasukkan nilai 3, $c dimasukkan nilai 1. Sehingga pada fungsi hitung abc() akan dihitung rumus abc dari ketiga masukan tadi.

Semoga bermanfaat...

Salam...
By. KOKODA

Selengkapnya - Pemrograman PHP

Sekilas Tentang HTML

<HTML>

HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam setiap file HTML akan selalu didahului dengan tag <HTML> Tag ini akan membuat web browser mencoba untuk membaca file yang ada didalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag <HTML> dengan <HTML>. Sehingga akan kelihatan bahwa pada setiap tag HTML akan selalu :

<HTML>
untuk mengakhiri :
<HTML>

Penulisan Tag HTML adalah incasesensitive. Artinya, <HTML> akan sama dengan <html> atau <Html> Untuk selanjutnya akan dibagi menjadi 2 seksi: head dan body.

<HEAD>

Header akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat. Untuk
mendefinisikan header dalam tag HTML maka anda harus menambahkan <HEAD> dan </HEAD> tag di bawah tag <HTML> dan akan menjadi seperti berikut :

<HTML>
<HEAD>
</HEAD>
</HTML>

<BODY>

Pada bagian body merupakan bagian dimana Anda dapat menuliskan berbagai text yang ingin Anda tampilkan pada halaman web. Untuk mendefinisikan body harus diketikan tag <BODY> dan ditutup dengan tag <BODY> dibawah tag header, sehingga akan terlihat :

<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>

Untuk menamai atau memberikan judul pada halaman web yang akan Anda buat maka digunakan tag <TITTLE> dan </TITTLE> Judul ini akan terlihat pada sudut kiri atas pada halaman web. Tag <TITTLE> akan berada di dalam tag <HEAD> Kini saatnya Anda membuat halaman web Anda yang pertama. Bukalah Notepad dari Start Menu dan ketik kode html di bawah ini, kemudian simpanlah di C:\My Documents\hello.htm. Ingat! Nama filenya adalah hello.htm, bukanlah hello.htm.txt atau hello.txt.

<HTML>
<HEAD>
<TITTLE>Selamat datang pada HomePage Saya</TITTLE>
</HEAD>
<BODY>
Halo semua, Bagaimana kabar Anda sekalian?
</BODY>
</HTML>


Menyimpan kode html ke file hello.htm dengan Notepad

Kemudian, bukalah Internet Explorer dan pilih menu: File ==> Open, dan bukalah C:\My Documents\hello.htm. Maka akan terlihat sebagai berikut :



Heading <h1>...</h1>

Merupakan sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading akan berbeda dengan tag <TITTLE> yang tidak akan muncul dalam halaman web. HTML menyediakan enam tingkat heading.

<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY>
<H1>Heading level1</H1>
<H2>Heading level2</H2>
<H3>Heading level3</H3>
<H4>Heading level4</H4>
<H5>Heading level5</H5>
<H6>Heading level6</H6>
</BODY>
</HTML>



Paragraf <p>...</p>

Untuk dapat membuat paragraph dalam HTML Anda bisa menggunakan tag <P> dan diakhiri dengan </P> Anda bisa mengatur paragraph yang Anda buat dengan menggunakan atribut ALIGN dengan dikuti posisi yang Anda inginkan, LEFT untuk rata kiri, CENTER untuk rata tengah, dan RIGHT untuk rata kanan:

<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN="right">Dalam perancangan suatu antarmuka terdapat akses-akses penting yang harus diperhatikan. Aspek-aspek tersebut akan sangat menunjang dalam hasil dari perancangan perangkat lunak tersebut. Aspek yang harus diperhatikan tidak hanya dipandang dari satu sisi programnya saja, tetapi juga dari aspek manusianya yang merupakan pengguna dari
</P>
<P ALIGN="center"> Dalam perancangan suatu antarmuka terdapat akses-akses penting yang harus diperhatikan. Aspek-aspek tersebut akan sangat menunjang dalam hasil dari perancangan perangkat lunak tersebut. Aspek yang harus diperhatikan tidak hanya dipandang dari satu sisi programnya saja, tetapi juga dari aspek manusianya yang merupakan pengguna dari
</P>
<P ALIGN="left">Dalam perancangan suatu antarmuka terdapat akses-akses penting yang harus diperhatikan. Aspek-aspek tersebut akan sangat menunjang dalam hasil dari perancangan perangkat lunak tersebut. Aspek yang harus diperhatikan tidak hanya dipandang dari satu sisi programnya saja, tetapi juga dari aspek manusianya yang merupakan pengguna dari
</P>
</BODY>
</HTML>



Blockquote <blockquote>...</blockquote>

Tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan menggunakan tag ini maka Anda akan mendapati browser menampilkan teks yang menjorok ke dalam
(mengidentifikasi teks). Contoh

HTML>
<HEAD
<TITLE>Blockquote</TITLE> 6
</HEAD>
<BODY>
<H2>Aspek dalam Interface</H2>
<BLOCKQUOTE>Dalam perancangan suatu antarmuka terdapat akses-akses penting yang harus diperhatikan. Aspek-aspek tersebut akan sangat menunjang dalam hasil dari perancangan perangkat lunak tersebut.
</BLOCKQUOTE>
</BODY>
</HTML>

Preformated Text <pre>...</pre>

Digunakan untuk menampilkan teks sama seperti yang Anda ketikan dalam dokumen HTML. Browser akan menampilkan dalam font monospace (biasanya courier new).

<HTML>
<HEAD>
<TITLE>performatted text</TITLE>
</HEAD>
<BODY>

<PRE>Dalam perancangan suatu antarmuka terdapat akses-akses penting yang harus diperhatikan. Aspek-aspek tersebut akan sangat menunjang dalam hasil dari perancangan perangkat lunak tersebut.
</PRE>
</BODY>
</HTML>

Begin Row <br>

Digunakan untuk menulis teks pada baris berikutnya. Tag <BR> akan membuat baris baru tanpa memberikan ruang kosong di bawahnya. Contoh :

<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>

<P>Dalam perancangan suatu antarmuka terdapat
<BR>akses-akses penting yang harus diperhatikan.
<BR>Aspek-aspek tersebut akan sangat menunjang
<BR>dalam hasil dari perancangan perangkat lunak tersebut.
</P>
</BODY>
</HTML>

Ukuran Font <font size="2">...</font>

Untuk mengaur huruf pada HTML Anda menggunakan tag <FONT SIZE> Tag ini memiliki atribut untuk mengatur ukuran huruf. Contoh :

<HTML>
<HEAD>
<TITLE>Font Size</TITLE>
</HEAD> 7
<BODY>
<FONT SIZE="1">ukuran font 1</FONT>
<FONT SIZE="2">ukuran font 2</FONT>
<FONT SIZE="3">ukuran font 3</FONT>
<FONT SIZE="4">ukuran font 4</FONT>
<FONT SIZE="5">ukuran font 5</FONT>
<FONT SIZE="6">ukuran font 6</FONT>
<FONT SIZE="7">ukuran font 7</FONT>
</BODY>
</HTML>



Jenis Font <font face="arial">...</font>

Untuk mengatur jenis huruf yang digunakan Anda bisa menggunakan atribut FACE yang harus diisi dengan string jenis font seperti arial, verdana, Tahoma dll. Contoh :

<HTML>
<HEAD>
<TITTLE>Jenis font</TITTLE>
</HEAD>
<BODY>
<FONT SIZE="4">
<P><FONT FACE="ARIAL"> Arsenal, contoh font arial </FONT></P>
<P><FONT FACE="verdana"> Arsenal, contoh font verdana </FONT></P>
<P><FONT FACE="tahoma"> Arsenal, contoh font tahoma </FONT></P>
</FONT>
</BODY>
</HTML>




Warna Font <font color="red">...</font>

Atribut COLOR Anda bisa gunakan untuk mengatur warna font. Ada 2 cara untuk memberi
warna pada atribut color. Cara yang pertama dengan menuliskan nama warna yang ingin
digunakan seperti: red, blue, yellow, dll. Cara yang kedua dengan menggunakan nilai RGB.

<HTML>
<HEAD>
<TITTLE>Warna font</TITTLE>
</HEAD>
<BODY>
<FONT SIZE="4">
<P><FONT COLOR="RED"> Arsenal, Juara piala FA</FONT></P>
<P><FONT COLOR="#FF0000"> Arsenal, The Best</FONT></P>
<P><FONT COLOR="#00FF00"> Arsenal, Top Bgt</FONT></P>
</FONT>
</BODY>
</HTML>

Link <a>...</a>

Perintah anchor <A> digunakan untuk membuat link. Dan digunakan tag <A HREF = "nama_dokumen"> teks pada browser </A>. Untuk membuat link dalam sebuah dokumen HTML perlu disiapkan nama anchor lokasi tujuan link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>

File 1: contoh.html
<HTML>
<HEAD>
<TITTLE>Link</TITTLE>
</HEAD>
<BODY> 9
<A NAME="lengkap">pemain Milan</A>
<BLOCKQUOTE>
<P>DIDA, <A HREF="#DIDA">info selengkapnya</A>
<P>MALDINI
<P>SHEVA
<P>REDONDO
<P>RIVALDO
<P>
<A HREF="tujuan.html">info selengkapnya</A>
</BLOCKQUOTE>
<A NAME="DIDA">KLIK AJA !!!!</A>
<BLOCKQUOTE>
<P>KIPER UTAMA TIMNAS BRAZIL
</BLOCKQUOTE>
<A HREF="#lengkap">UP</A>
</BODY>
</HTML>

File 2: tujuan.html
<HTML>
<HEAD>
<TITLE>Link TUJUAN</TITLE>
</HEAD>
<BODY>
<P ALIGN="center"> info
<BR>PIRLO
<BR>INZAGHI
<BR>GATTUSO
<BR><A HREF="contoh.html">kembali</A>
</BODY>
</HTML>



HTML Tingkat Lanjut

Mengapa disebut tingkat lanjut. Hal ini dikarenakan pada bahasan ini akan dilanjutkan bagaimana menggunakan grafik dalam halaman web. Tabel merupakan salah satu yang akan digunakan dalam pembuatan web. Dan dalam pembuatan tabel nanti Anda akan mempelajari bagian yang penting dalam pembuatan web yang dinamis yaitu tabel dan form.

Ordered List <ol>

Digunakan untuk membuat daftar dimana tiap bagian memiliki nomor secara berurut. Tag ini menggunakan tag <OL> dan diakhiri dengan </OL> Sedangkan untuk tiap bagiannya digunakan tag <LI> dan tidak menggunakan penutup. Ketika menggunkan OL ini maka penomoran dimulai 1,2,3,… , namun hal ini dapat diubah dengan menggunkan atribut TYPE pada tag <OL>

TYPE=1; daftar berurut dengan 1, 2, 3,
TYPE=I; daftar berurut dengan I, II, III,
TYPE=a; daftar berurut dengan a, b, c,
<HTML>
<HEAD>
<TITTLE>Ordered List</TITTLE>
</HEAD>
<BODY>
Urutan mobil berdasar peminat :
<OL>
<LI>Mercedest Benz
<LI>BMW
<LI>Honda
<LI>Hyundai
</OL>
</BODY>
</HTML>

Unordered List <ul>

Dalam unordered list, tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan bullet yang merupakan default dari unordered list. Untuk membuat tag ini digunakan tag <UL> dan diakhiri dengan </UL> dan tiap bagiannya digunakan <LI> Juga bisa digunakan tanda cakram/disk, lingkaran, dll.

<HTML>
<HEAD>
<TITTLE>Ordered List</TITTLE>
</HEAD>
<BODY>
Urutan mobil berdasar peminat :
<UL TYPE="square">
<LI>Mercedest Benz
<LI>BMW
<LI>Honda
<LI>Hyundai
</UL>
</BODY>
</HTML>

Grafik dalam Halaman Web <img>

Dalam HTML digunakan tag <IMG> untuk menampilkan gambar dalam halaman web. Format gambar yang paling sering digunakan dalam halaman web yaitu GIF dan JPEG, dengan format penulisan : <IMG SRC="file_gambar" ALT="nama_alternatif">. Atribut SRC digunakan untuk menentukan sumber gambar. Sedangkan ALT digunakan sebagai teks pengganti gambar.

Ada beberapa atribut dalam tag <IMG> yaitu :

BORDER: memberikan suatu batas atau border pada gambar defaultnya = 0
HEIGHT,WEIGHT: menentukan tinggi dan lebar gambar dalam pixel
HSPACE,VSPACE: menentukan jarak spasi horizontal dan spasi vertical antara gambar
dengan obyek sekitarnya.
ALIGN: mengatur perataan gambar terhadap obyek disekelilingnya.

Table <table>

Table dapat Anda gunakan karena dapat menampilkan informasi dalam bentuk yang ringkas dan mudah dibaca. Tag awal yang digunakan adalah <TABLE> dan tag penutupnya </TABLE> Tag <TABLE> mewakili beberapa bagian penting :

<CAPTION>...</CAPTION> digunakan untuk membentuk judul table. Judul table akan terletak di luar table di bagian atas atau di bagian bawah. <TH>...</TH> digunakan untuk meletakkan judul table di bagian paling atas atau bagian paling kiri dari table. <TD>...</TD> digunakan sebagai tempat menulis data atau informasi dalam table.

<html>
<head>
<title>Tabel</title>

</head>

<body>
<table>
<caption>seputar liga italia</caption>
<tr>
<th>nama klub</th>
<th>berita</th>
</tr>
<tr>
<td>Ac milan</td>
<td>Ac milan mengalahkan Intermilan di semifinal liga champion</td>
</tr>
<tr>
<td>Juventus</td>
<td>Juventus juara liga italia musim 2002/2003</td>
</tr>
<td>
<tr>Roma</tr>
<tr>Roma akan berhadapan dengan Milan di final copa italia</tr>
</td>
</table>
</body>
</html>

Table ALIGN dan WIDTH

Dalam perataan horizontal menggunakan atribut ALIGN, dimana bisa bernilai left untuk perataan kiri, right untuk perataan kanan. Untuk perataan vertical Anda dapat menggunakan VALIGN, bernilai TOP untuk perataan atas, bernilai MIDDLE untuk perataan tengah dan BOTTOM untuk perataan bawah. Sedangkan untuk WIDTH digunakan untuk mengatur lebar table biasanya dinyatakan dalam (%) atau dinyatakan dengan pixel yang berarti ukuran sesungguhnya.

<html>
<head>
<title>Tabel dengan width dan align</title>

</head>
<body>
<table width="88%" height="210">
<tr>
<td width="30%" height="110" valign="top">lihatlah
valign=&quot;top&quot;<br>
jangan kamu malu pada sesuatu yang tidak kamu ketahui
</td>
<td width="34%" height="110" valign="middle">bandingkan
dengan valign=&quot;middle&quot;<br>
</td>
<td width="36%" height="110" valign="bottom">bagaimana dengan
valign=&quot;bottom&quot;<br>
</td>

</tr>
</table>
</body>
</html>

Table CELLSPACING dan CELLPADDING

Atribut CELLSPACING digunakan untuk menentukan jumlah spasi yang terdapat diantara dua buah cell. CELLPADDING digunakan untuk mengatur jumlah spasi yang terdapat antar batas/border dengan isi atau teks di dalam cell tersebut.

<html>
<head>
<title>cellspacing dan cellpadding</title>

</head>

<body>
<table width="85%" border="3" cellspacing="5" cellpadding="5">
<tr>
<td width="43%">baris 1, kolom 1</td>
<td width="57%">baris1, kolom 2</td>
</tr>
<tr>
<td>baris 2, kolom 1</td>
<td>baris 2, kolom 2</td>
</tr>
</table>
</body>
</html>

Table COLSPAN dan ROWSPAN

Atribut COLSPAN digunakan untuk menghubungkan beberapa kolom menjadi 1 kolom. ROWSPAN digunakan untuk menghubungkan beberapa baris menjadi satu.

<html>
<head>
<title>colspan dan rowspan</title>

</head>

<body>
<table width="85%" border="3" cellspacing="5" cellpadding="5">
<tr>
<td width="43%" rowspan="2">baris 1, kolom 1 <p>baris 2, kolom 1</td>
<td width="57%">baris 1, kolom 1</td>
</tr>
<tr>
<td width="57%">baris 2, kolom 2</td>
</tr>
<tr>
<td width="100%" colspan="2">baris 3, kolom 1 <p> baris 3, kolom 2</td>
</tr>

</table>
</body>
</html>

Table COLOR

Selain warna pada background, border juga bisa ditentukan warnanya. Untuk background
digunakan atribut BGCOLOR dan untuk memberi warna pada border digunakan atribut BORDER COLOR.

<html>
<body>
<table width="100%" border="3" cellpadding="5" cellspacing="5"
bordercolor="#FF0000">
<tr>
<td width="50%" bgcolor="#808080">&nbsp;</td>
<td width="50%">&nbsp;</td>
</tr>
<tr>
<td width="50%">&nbsp;</td>
<td width="50%" bgcolor="#008080">&nbsp;</td>
</tr>
</table>
<table width="100%" border="3" cellpadding="5" cellspacing="5"
bordercolorlight="008080"
bordercolordark="800080">
<tr>
<td width="100%">&nbsp;</td>
</tr>
</table>
</body>
</html>

Form <form>â...¦</form>

Tag <FORM> dan <INPUT> digunakan bersama-sama untuk meminta masukan dari user untuk dikirim ke server. Tag <FORM> membuat kerangka dan tag <INPUT> menyediakan elemen antarmuka dengan user. Untuk standar penulisan form adalah sebagai berikut :
<FORM METHOD ="POST/GET" ACTION ="URL">
...
...
...
</FORM>

Atribut METHOD memiliki 2 nilai POST dan GET. Metode GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk. Metode POST mengirimkan datanya secara terpisah. Jika masukan banyak maka disarankan Anda menggunakan POST. ACTION akan berisi URL dari program yang dipanggil form tersebut.

Input teks <input type="text">

Textbox adalah salah satu jenis control untuk memasukkan data. HTML menyediakan tag <INPUT> dengan atribut TYPE="text" untuk membuat kotak input. Untuk atribut VALUE digunakan untuk memberi nilai input, dan SIZE digunakan utuk
menentukan batas terpanjang dari sebuah masukan. Contoh :

<html>
<head>
<TITLE>form input dengan textbox</TITLE>
<body>
<p>Rancangan awal BUKU TAMU</p>
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="11%">Nama</td>
<td width="3%">:</td>
<td width="86"><input type="text" name="nama" size="20"></td>
</tr>
<tr>
<td width="11%" height="22">Alamat</td>
<td width="3%">:</td>
<td width="86"><input type="text" value="jember" name="alamat"
size="20"></td>
</tr>
<tr>
<td width="11%">Sekolah</td>
<td width="3%">:</td>
<td width="86"><input type="text" name="sekolah" size="20"></td>
</tr>
</table>
</body>
</head>
</html>

Input Checkbox <input type="checkbox">

Anda juga bisa memberikan atribut TYPE dengan menggunakan Checkbox yang berfungsi
untuk memberikan user pilihan. Contoh :

<html>
<head>
<title>Check Box</title>

</head>

<body>
<p>Berikan poling !</p>
<p>Daftar mobil</p>
<p>
<input type="checkbox" name="c1" checked>mercedes<br>
<input type="checkbox" name="c2" checked>bmw<br>
<input type="checkbox" name="c3" checked>honda<br>
<input type="checkbox" name="c4" checked>toyota
</p>
</body>
</html>

Input Radio Button <input type="radio">

Jika atribut TYPE="checkbox" diganti dengan TYPE="radio", maka user harus memilih salah satu pilihan yang tersedia. User tidak bisa memilih lebih dari satu pilihan. Atribut CHECKED digunakan memberi tanda bahwa pilihan tersebut sedang diaktifkan.

<html>
<head>
<title>Radio Button</title>

</head>

<body>
<p>berikan piihan Anda</p>
<p>Rentang Usia</p>
<p>
<input type="radio" value="v1" checked name="R1">15 tahun<br>
<input type="radio" value="v2" checked name="R1">15-19 tahun<br>
<input type="radio" value="v3" checked name="R1">19-25 tahun <br>
<input type="radio" value="v4" checked name="R1">25-30 tahun<br>
</p>
</body>
</html>


Salam...
By. KOKODA

Selengkapnya - Sekilas Tentang HTML

Konfigurasi Mik Warnet Eksperimen

Bagi para Blogging mania... yg pingin memjoba Konfigurasi Mik Warnet.... boleh lihat trik ini... intinya tekun dalam spiritual scrip...

oke kita lanjut aja....

Sumber Pendukung : http://www.mikrotik.com/

Terminal vt102 detected, using multiline input mode

[admin@SpeedNet] > export
# may/22/2007 19:06:31 by RouterOS 2.9.6
# software id = F49Y-4AT
#
/ interface ethernet
set Public name="Public" mtu=1500 mac-address=00:13:8F:4C:8B:A4 arp=enabled disable-running-check=yes auto-negotiation=yes \
full-duplex=yes cable-settings=default speed=100Mbps comment="" disabled=no
set Lan name="Lan" mtu=1500 mac-address=00:10:4B:0D:CE:91 arp=enabled disable-running-check=yes auto-negotiation=yes \
full-duplex=yes cable-settings=default speed=100Mbps comment="" disabled=no
/ interface bridge port
set Public bridge=none priority=128 path-cost=10
set Lan bridge=none priority=128 path-cost=10
/ interface l2tp-server server
set enabled=no max-mtu=1460 max-mru=1460 authentication=pap,chap,mschap1,mschap2 default-profile=default-encryption
/ interface pptp-server server
set enabled=no max-mtu=1460 max-mru=1460 authentication=mschap1,mschap2 keepalive-timeout=30 \
default-profile=default-encryption
/ ip pool
add name="dhcp_pool1" ranges=192.168.1.2-192.168.1.15
/ ip accounting
set enabled=yes account-local-traffic=yes threshold=256
/ ip accounting web-access
set accessible-via-web=yes address=0.0.0.0/0
/ ip service
set telnet port=23 address=0.0.0.0/0 disabled=no
set ftp port=21 address=0.0.0.0/0 disabled=no
set www port=80 address=0.0.0.0/0 disabled=no
set www-ssl port=443 address=0.0.0.0/0 certificate=none disabled=no
/ ip socks
set enabled=no port=1080 connection-idle-timeout=2m max-connections=200
/ ip arp
/ ip upnp
set enabled=yes allow-disable-external-interface=no show-dummy-rule=yes
/ ip upnp interfaces
add type=external disabled=no
add type=internal disabled=no
/ ip traffic-flow
set enabled=no interfaces=(unknown) cache-entries=4k active-flow-timeout=30m inactive-flow-timeout=15s
/ ip dns
set primary-dns=203.130.193.74 secondary-dns=202.134.0.155 allow-remote-requests=yes cache-size=2048KiB cache-max-ttl=1w
/ ip address
add address=192.168.1.1/24 network=192.168.1.0 broadcast=192.168.1.255 interface=Lan comment="" disabled=no
add address=192.168.0.2/24 network=192.168.0.0 broadcast=192.168.0.255 interface=Public comment="" disabled=no
/ ip proxy
set enabled=no port=8080 parent-proxy=0.0.0.0:0 maximal-client-connecions=1000 maximal-server-connectons=1000
/ ip proxy access
add dst-port=23-25 action=deny comment="block telnet & spam e-mail relaying" disabled=no
add method=CONNECT dst-port=443 action=allow comment="allow CONNECT only to SSL ports 443 \[https\] and 563 \[snews\]" \
disabled=no
add method=CONNECT dst-port=563 action=allow comment="allow CONNECT only to SSL ports 443 \[https\] and 563 \[snews\]" \
disabled=no
add method=CONNECT action=deny comment="allow CONNECT only to SSL ports 443 \[https\] and 563 \[snews\]" disabled=no
/ ip neighbor discovery
set Public discover=yes
set Lan discover=yes
/ ip route
add dst-address=0.0.0.0/0 gateway=192.168.0.1 scope=255 target-scope=10 comment="" disabled=no
/ ip firewall mangle
add chain=prerouting protocol=tcp dst-port=80 action=mark-connection new-connection-mark=http_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=443 action=mark-connection new-connection-mark=http_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=53 action=mark-connection new-connection-mark=dns_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=udp dst-port=53 action=mark-connection new-connection-mark=dns_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=5050-5061 action=mark-connection new-connection-mark=ym_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=udp dst-port=27015 action=mark-connection new-connection-mark=cs_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=6000-7000 action=mark-connection new-connection-mark=irc_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=8291 action=mark-connection new-connection-mark=mt_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=110 action=mark-connection new-connection-mark=email_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=25 action=mark-connection new-connection-mark=email_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting protocol=tcp dst-port=22 action=mark-connection new-connection-mark=ssh_conn passthrough=yes \
comment="" disabled=no
add chain=prerouting connection-mark=http_conn action=mark-packet new-packet-mark=http passthrough=no comment="" \
disabled=no
add chain=prerouting connection-mark=dns_conn action=mark-packet new-packet-mark=dns passthrough=no comment="" disabled=no
add chain=prerouting connection-mark=ym_conn action=mark-packet new-packet-mark=ym passthrough=no comment="" disabled=no
add chain=prerouting connection-mark=cs_conn action=mark-packet new-packet-mark=cs passthrough=no comment="" disabled=no
add chain=prerouting connection-mark=irc_conn action=mark-packet new-packet-mark=irc passthrough=no comment="" disabled=no
add chain=prerouting connection-mark=mt_conn action=mark-packet new-packet-mark=mt passthrough=no comment="" disabled=no
add chain=prerouting connection-mark=email_conn action=mark-packet new-packet-mark=email passthrough=no comment="" \
disabled=no
add chain=prerouting connection-mark=ssh_conn action=mark-packet new-packet-mark=ssh passthrough=no comment="" disabled=no
/ ip firewall nat
add chain=srcnat out-interface=Public action=masquerade comment="" disabled=no
add chain=dstnat protocol=tcp dst-port=80 action=redirect to-ports=8080 comment="" disabled=no
add chain=dstnat protocol=tcp dst-port=3128 action=redirect to-ports=8080 comment="" disabled=no
add chain=dstnat protocol=tcp dst-port=8080 action=redirect to-ports=8080 comment="" disabled=no
/ ip firewall connection tracking
set enabled=yes tcp-syn-sent-timeout=2m tcp-syn-received-timeout=1m tcp-established-timeout=5d tcp-fin-wait-timeout=2m \
tcp-close-wait-timeout=1m tcp-last-ack-timeout=30s tcp-time-wait-timeout=2m tcp-close-timeout=10s udp-timeout=30s \
udp-stream-timeout=3m icmp-timeout=30s generic-timeout=10m
/ ip firewall filter
add chain=input connection-state=invalid action=drop comment="Drop Invalid connections" disabled=no
add chain=input connection-state=established action=accept comment="Allow Established connections" disabled=no
add chain=input protocol=udp action=accept comment="Allow UDP" disabled=no
add chain=input protocol=icmp action=accept comment="Allow ICMP" disabled=no
add chain=input src-address=192.168.1.0/24 action=accept comment="Allow access to router from known network" disabled=no
add chain=input action=drop comment="Drop anything else" disabled=no
add chain=input connection-state=established action=accept comment="Accept established connections" disabled=no
add chain=input connection-state=related action=accept comment="Accept related connections" disabled=no
add chain=input connection-state=invalid action=drop comment="Drop invalid connections" disabled=no
add chain=input protocol=udp action=accept comment="UDP" disabled=no
add chain=input protocol=icmp limit=50/5s,2 action=accept comment="Allow limited pings" disabled=no
add chain=input protocol=icmp action=drop comment="Drop excess pings" disabled=no
add chain=input protocol=tcp dst-port=22 action=accept comment="SSH for secure shell" disabled=no
add chain=input protocol=tcp dst-port=8291 action=accept comment="winbox" disabled=no
add chain=input src-address=192.168.0.0/24 action=accept comment="From Mikrotikls network" disabled=no
add chain=input src-address=192.168.1.0/24 action=accept comment="From our private LAN" disabled=no
add chain=input action=log log-prefix="DROP INPUT" comment="Log everything else" disabled=no
add chain=input action=drop comment="Drop everything else" disabled=no
add chain=forward connection-state=established action=accept comment="allow established connections" disabled=no
add chain=forward connection-state=related action=accept comment="allow related connections" disabled=no
add chain=forward connection-state=invalid action=drop comment="drop invalid connections" disabled=no
add chain=virus protocol=tcp dst-port=135-139 action=drop comment="Drop Blaster Worm" disabled=no
add chain=virus protocol=udp dst-port=135-139 action=drop comment="Drop Messenger Worm" disabled=no
add chain=virus protocol=tcp dst-port=445 action=drop comment="Drop Blaster Worm" disabled=no
add chain=virus protocol=udp dst-port=445 action=drop comment="Drop Blaster Worm" disabled=no
add chain=virus protocol=tcp dst-port=593 action=drop comment="________" disabled=no
add chain=virus protocol=tcp dst-port=1024-1030 action=drop comment="________" disabled=no
add chain=virus protocol=tcp dst-port=1080 action=drop comment="Drop MyDoom" disabled=no
add chain=virus protocol=tcp dst-port=1214 action=drop comment="________" disabled=no
add chain=virus protocol=tcp dst-port=1363 action=drop comment="ndm requester" disabled=no
add chain=virus protocol=tcp dst-port=1364 action=drop comment="ndm server" disabled=no
add chain=virus protocol=tcp dst-port=1368 action=drop comment="screen cast" disabled=no
add chain=virus protocol=tcp dst-port=1373 action=drop comment="hromgrafx" disabled=no
add chain=virus protocol=tcp dst-port=1377 action=drop comment="cichlid" disabled=no
add chain=virus protocol=tcp dst-port=1433-1434 action=drop comment="Worm" disabled=no
add chain=virus protocol=tcp dst-port=2745 action=drop comment="Bagle Virus" disabled=no
add chain=virus protocol=tcp dst-port=2283 action=drop comment="Drop Dumaru.Y" disabled=no
add chain=virus protocol=tcp dst-port=2535 action=drop comment="Drop Beagle" disabled=no
add chain=virus protocol=tcp dst-port=2745 action=drop comment="Drop Beagle.C-K" disabled=no
add chain=virus protocol=tcp dst-port=3127-3128 action=drop comment="Drop MyDoom" disabled=no
add chain=virus protocol=tcp dst-port=3410 action=drop comment="Drop Backdoor OptixPro" disabled=no
add chain=virus protocol=tcp dst-port=4444 action=drop comment="Worm" disabled=no
add chain=virus protocol=udp dst-port=4444 action=drop comment="Worm" disabled=no
add chain=virus protocol=tcp dst-port=5554 action=drop comment="Drop Sasser" disabled=no
add chain=virus protocol=tcp dst-port=8866 action=drop comment="Drop Beagle.B" disabled=no
add chain=virus protocol=tcp dst-port=9898 action=drop comment="Drop Dabber.A-B" disabled=no
add chain=virus protocol=tcp dst-port=10000 action=drop comment="Drop Dumaru.Y" disabled=no
add chain=virus protocol=tcp dst-port=10080 action=drop comment="Drop MyDoom.B" disabled=no
add chain=virus protocol=tcp dst-port=12345 action=drop comment="Drop NetBus" disabled=no
add chain=virus protocol=tcp dst-port=17300 action=drop comment="Drop Kuang2" disabled=no
add chain=virus protocol=tcp dst-port=27374 action=drop comment="Drop SubSeven" disabled=no
/ ip firewall service-port
set ftp ports=21 disabled=no
set tftp ports=69 disabled=yes
set irc ports=6667 disabled=no
set h323 disabled=yes
set quake3 disabled=yes
set mms disabled=yes
set gre disabled=yes
set pptp disabled=yes
/ ip dhcp-server
add name="dhcp1" interface=Lan lease-time=3d address-pool=dhcp_pool1 bootp-support=static add-arp=yes disabled=no
/ ip dhcp-server config
set store-leases-disk=5m
/ ip dhcp-server lease
add address=192.168.1.2 mac-address=00:90:27:A2:5C:A3 client-id="1:0:90:27:a2:5c:a3" server=dhcp1 comment="" disabled=no
/ ip dhcp-server network
add address=192.168.1.0/24 gateway=192.168.1.1 dns-server=192.168.1.1,203.130.193.74,202.134.0.155 comment=""
/ ip web-proxy
set enabled=yes src-address=0.0.0.0 port=8080 hostname="proxy.speed.net" transparent-proxy=yes parent-proxy=0.0.0.0:0 \
cache-administrator="webmaster.speed.net" max-object-size=4096KiB cache-drive=system max-cache-size=unlimited \
max-ram-cache-size=unlimited
/ ip web-proxy access
add dst-port=23-25 action=deny comment="block telnet & spam e-mail relaying" disabled=no
add url="http*youtube*get_video*" action=allow comment="youtube" disabled=no
add url="http*yahoo*" action=allow comment="Yahoo.com" disabled=no
add url="http*friendster*com" action=allow comment="Friendster" disabled=no
add url="http*google*com" action=allow comment="Google" disabled=no
add url="http*detik*com" action=allow comment="Detik" disabled=no
add url="http*kaskus*us" action=allow comment="Kaskus" disabled=no
/ ip web-proxy cache
add action=allow comment="" disabled=no
/ ip web-proxy direct
add action=allow comment="" disabled=no
/ system logging
add topics=info prefix="" action=memory disabled=no
add topics=error prefix="" action=memory disabled=no
add topics=warning prefix="" action=echo disabled=no
add topics=critical prefix="" action=echo disabled=no
add topics=firewall prefix="" action=memory disabled=no
/ system logging action
set memory name="memory" target=memory memory-lines=100 memory-stop-on-full=no
set disk name="disk" target=disk disk-lines=100 disk-stop-on-full=no
set echo name="echo" target=echo remember=yes
set remote name="remote" target=remote remote=0.0.0.0:514
/ system upgrade mirror
set enabled=no primary-server=0.0.0.0 secondary-server=0.0.0.0 check-interval=1d user=
/ system clock dst
set dst-delta=+01:00 dst-start="jan/01/1970 00:00:00" dst-end="jan/01/1970 00:00:00"
/ system watchdog
set reboot-on-failure=yes watch-address=none watchdog-timer=yes no-ping-delay=5m automatic-supout=yes auto-send-supout=no
/ system console
add port=serial0 term="" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="inux" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="linux" disabled=no
set FIXME term="linux" disabled=no
/ system console screen
set line-count=25
/ system identity
set name="SpeedNet"
/ system note
set show-at-login=yes note=""
/ port
set serial0 name="serial0" baud-rate=9600 data-bits=8 parity=none stop-bits=1 flow-control=hardware
set serial1 name="serial1" baud-rate=9600 data-bits=8 parity=none stop-bits=1 flow-control=hardware
/ ppp profile
set default name="default" use-compression=default use-vj-compression=default use-encryption=default only-one=default \
change-tcp-mss=default comment=""
set default-encryption name="default-encryption" use-compression=default use-vj-compression=default use-encryption=yes \
only-one=default change-tcp-mss=default comment=""
/ ppp aaa
set use-radius=no accounting=yes interim-update=0s
/ queue type
set default name="default" kind=pfifo pfifo-limit=50
set ethernet-default name="ethernet-default" kind=pfifo pfifo-limit=50
set wireless-default name="wireless-default" kind=sfq sfq-perturb=5 sfq-allot=1514
set synchronous-default name="synchronous-default" kind=red red-limit=60 red-min-threshold=10 red-max-threshold=50 \
red-burst=20 red-avg-packet=1000
set hotspot-default name="hotspot-default" kind=sfq sfq-perturb=5 sfq-allot=1514
add name="Download" kind=pcq pcq-rate=0 pcq-limit=50 pcq-classifier=src-address pcq-total-limit=2000
add name="Upload" kind=pcq pcq-rate=0 pcq-limit=50 pcq-classifier=dst-address pcq-total-limit=2000
/ queue simple
add name="SpeedNet" dst-address=192.168.1.0/24 interface=Lan parent=none priority=8 queue=default/default \
limit-at=0/384000 max-limit=0/384000 total-queue=default disabled=no
add name="1" target-addresses=192.168.1.2/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="2" target-addresses=192.168.1.3/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="3" target-addresses=192.168.1.4/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="4" target-addresses=192.168.1.5/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="5" target-addresses=192.168.1.6/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="6" target-addresses=192.168.1.7/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="7" target-addresses=192.168.1.8/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="8" target-addresses=192.168.1.9/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="9" target-addresses=192.168.1.10/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="10" target-addresses=192.168.1.11/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="11" target-addresses=192.168.1.12/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="12" target-addresses=192.168.1.13/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="13" target-addresses=192.168.1.14/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="14" target-addresses=192.168.1.15/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
add name="15" target-addresses=192.168.1.16/32 dst-address=0.0.0.0/0 interface=Lan parent=SpeedNet priority=8 \
queue=ethernet-default/ethernet-default limit-at=0/8000 max-limit=0/80000 total-queue=default disabled=no
/ user
add name="admin" group=full address=0.0.0.0/0 comment="system default user" disabled=no
add name="op" group=write address=0.0.0.0/0 comment="" disabled=no
/ user group
add name="read" policy=local,telnet,ssh,reboot,read,test,winbox,password,web,!ftp,!write,!policy
add name="write" policy=local,telnet,ssh,reboot,read,write,test,winbox,password,web,!ftp,!policy
add name="full" policy=local,telnet,ssh,ftp,reboot,read,write,policy,test,winbox,password,web
/ user aaa
set use-radius=no accounting=yes interim-update=0s default-group=read
/ radius
add service="" called-id="" domain="" address=0.0.0.0 secret="" authentication-port=1812 accounting-port=1813 \
timeout=300ms accounting-backup=no realm="" comment="" disabled=no
/ radius incoming
set accept=yes port=1700
/ driver
/ snmp
set enabled=yes contact="admin" location="admin"
/ snmp community
set public name="public" address=0.0.0.0/0 read-access=yes
/ tool bandwidth-server
set enabled=yes authenticate=yes allocate-udp-ports-from=2000 max-sessions=10
/ tool mac-server ping
set enabled=yes
/ tool e-mail
set server=0.0.0.0 from="<>"
/ tool sniffer
set interface=all only-headers=yes memory-limit=64 file-name="" file-limit=10 streaming-enabled=yes \
streaming-server=192.168.0.24 filter-stream=yes filter-protocol=all-frames filter-address1=0.0.0.0/0:0-65535 \
filter-address2=0.0.0.0/0:0-65535
/ tool graphing
set store-every=5min
/ tool graphing queue
add simple-queue=all allow-address=0.0.0.0/0 store-on-disk=yes allow-target=yes disabled=no
add simple-queue=SpeedNet allow-address=0.0.0.0/0 store-on-disk=yes allow-target=yes disabled=no
/ tool graphing resource
add allow-address=0.0.0.0/0 store-on-disk=yes disabled=no
/ tool graphing interface
add interface=all allow-address=0.0.0.0/0 store-on-disk=yes disabled=no
/ tool netwatch
add host=202.134.0.155 timeout=1s interval=1s up-script="Link Jakarta Up" down-script="Jakarta Down" comment="Link \
Jakarta" disabled=no
add host=202.134.2.5 timeout=1s interval=1s up-script="Link SurabayaUp" down-script="Link Surabaya Down" comment="Link \
Surabaya" disabled=no
[admin@SpeedNet] >

This entry was posted on Tuesday, Feb 22nd, 2009 at 7:09 pm and is filed under Mikrotik, Networking. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.


Semoga Bermanfaat


Salam...

Selengkapnya - Konfigurasi Mik Warnet Eksperimen

Cara Membuat Link Exchange Banner

Nah sekarang saya akan mulai membahasnya. Caranya hampir sama dengan mebuat scrol box, hanya ada sedikit tambahan.

1. Loggin ke Bogger
2. pilih: Layout
3. Add a Gadget, pilih HTML/Javascript, yang pertama di copy HTML gambar banner setelah itu copy code di bawah letaksn dibawah code html banner :

<textarea cols="20" name="textarea"><a href="http://cenderawasi-papua.blogspot.com"><a target="_blank" href="http://cenderawasi-papua.blogspot.com"><img src="http://i692.photobucket.com/albums/vv281/kapisa2010/picasioncom_e6d0699a2613c3278aa1d93.gif" border="0" alt="Photobucket"></a></textarea>

Nah sekarang saya akan mulai membahasnya. Caranya hampir sama dengan mebuat scrol box, hanya ada sedikit tambahan.

Ganti URL yang berwarna hitam (http:t//tipspack.blogspot.com) dengan url blog anda. Dan tulisan yang berwarna hitam, ganti dengan HTML link banner anda dan angka 20 adalah ukuran panjang kotak HTML yang dapat disesuaikan dengan banner.

selamt mencoba...

Salam...

Selengkapnya - Cara Membuat Link Exchange Banner

Memasang Back to Top

Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda.
Ok, session basa-basi nya sampai disini saja...
Kita mulai dengan:

* Login ke Blogger
* Layout>HTML/Javascript
* Lanjutkan dengan mencari code ini: </b:section>
* Pastikan code tersebut adalah code yang terletak di paling ahir atau paling bawah. Karna dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling ahir.
* Letakan code dibawah ini, tepat di bawah code: </b:section>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>


Keterangan:

* URL yang berwarna hitam adalah URL tombol "Back to Top" yaitu seperti ini:
* Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda

* Ada bonus bagi anda 100 pembaca pertama! Anda mendapatkan 4 pilihan tombol gratis dari saya:
* Anda hanya ganti URL yang berwarna hitam tadi dengan URL tombol berikut:


http://g.imagehost.org/0439/arrow_1.jpg


http://g.imagehost.org/0497/arrow_2.jpg


http://g.imagehost.org/0466/arrow_3.jpg

http://g.imagehost.org/0042/arrow_5.jpg


Semoga Bermanfaaa

Salam...

Selengkapnya - Memasang Back to Top

Cara pasang tools share dan bookmark ke situs sosial bookmarking di bawah postingan

Salah satu cara untuk memperbanyak trafik/pengunjung ke blog kita adalah dengan bantuan situs-situs sosial bookmarking seperti technorati,delicious,stumble upon,dan berbagai macam situs sosial bookmarking terkenal lain nya.Karena dengan di bookmark/share nya blog dan artikel kita pada situs sosial bookmarking tersebut,maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud,dan mereka akan dengan mudah menemukan artikel kita kembali,karena mereka sudah membookmark artikel kita di account mereka.

Sekarang anda tidak perlu-repot lagi untuk mengetikkan nama alamat dari masing-masing situs sosial bookmarking tersebut,karena tools dari addthis.com sudah menyediakan fasilitas tersebut.Anda tinggal klik saja gambar nya,kemudian tinggal masukkan artikel nya,selesai.Cuma syaratnya,anda harus punya account dulu di masing-masing situs sosial bookmarking tersebut.

Cara pasang nya sebenar nya sangat mudah,untuk yang belum tau,gini cara nya :

1. masuk ke www.addthis.com

2. buat account baru,kemudian login ke account anda

3. pilih GET YOUR BUTTON CODE pada bagian kanan atas

4.kemudian anda akan ditunjukkan pada setingan bentuk tampilan,pilih sesuai dengan keinginan anda,lalu pada menu WHERE,pilih BLOG,pada PLATFORM pilih BLOGGER.Lihat gambar di bawah ini :



5.Klik menu GET YOUR BUTTON CODE,kemudian anda akan mendapatkan kode javascript yang harus anda pasang pada blog anda.Copy kode tersebut.

6.Masuk ke account blogger anda,pilih TATA LETAK --> EDIT HTML (beri tanda centang pada expand text widget)

7.Anda cari kode :



8.Paste kode javascript tersebut DI BAWAH kode di atas.

9.Save dan lihat hasilnya...




Salam...
By. KOKODA

Selengkapnya - Cara pasang tools share dan bookmark ke situs sosial bookmarking di bawah postingan

Mematikan Klik Kanan Mouse Pada Blog Anda

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :



Script ini dicopykan ke blog anda dengan cara :
1. Klik Layout dan pilih edit html
2. Cari kode

3. Save.
4. Silahkan dicoba




Salam...
By. KOKODA

Selengkapnya - Mematikan Klik Kanan Mouse Pada Blog Anda