Klik Artikel

Postingan

Menampilkan postingan dengan label Web Desigen

Membuat CAPTCHA sederhana dengan PHP

Setelah sebelumnya kita membahas Pengertian CAPTCHA sekarang pada kesempatan kali ini kita akan membahas bagaimana cara pembuatan CAPTCHA dengan menggunakan fungsi GD pada PHP , Sebelum kita masuk ke script siapkan dulu beberapa file berikut ini: Font => digunakan untuk menentukan tampilan jenis text pada captcha Gambar => digunakan untuk background captcha Kurang lebih letak file-filenya seperti gambar dibawah ini Langsung saja berikut ini adalah langkah-langkahnya 1. Buatlah captcha.php <?php session_start(); header("Content-type: image/jpg"); //generate Code function RandomCode($max){ //Huruf dan angka yang akan di acak $char = array("A","B","C","D","E","F","G","H","J","K","L","M","N","P","Q","R","S","T","U","V","W","X",...

Baca selengkapnya

Pengertian CAPTCHA

Apa itu CAPTCHA ?? CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer harus manusia biasanya melibatkan suatu komputer (server) yang meminta seorang pengguna untuk menyelesaikan suatu uji sederhana yang dapat dihasilkan dan dinilai oleh komputer tersebut. Karena komputer lain tidak dapat memecahkan CAPTCHA, pengguna manapun yang dapat memberikan jawaban yang benar akan dianggap sebagai manusia. Oleh sebab itu, uji ini kadang disebut sebagai uji Turing balik, karena dikelola oleh mesin dan ditujukan untuk manusia, kebalikan dari uji Turing standar yang biasanya dikelola oleh manusia dan ditujukan untuk suatu mesin. CAPTCHA umumnya menggunakan huruf dan angka dari citra terdistorsi yang muncul di layar. Captcha biasa digunakan pada situs-situs, webtools, sosial media, blog. Gunanya untuk mengurangi spam yang berkeliaran di internet. Captcha juga...

Baca selengkapnya

Cara Cepat Memasang Widget Alexa

Cara Cepat Memasang Widget Alexa - Pernah kita berkunjung ke sebuah website dan menemukan ada sebuah ranking alexa web tersebut, lalu dalam hati anda bertanya - tanya bagai mana bisa memasang widget tersebut, bagi anda yang ingin memasang widget alexa sebenarnya caranya sanggat lah mudah, berikut ini ada beberapa contoh widget alexa, untuk menjalankan tutorial ini anda harus sudah melakukan verifikasi blog pada alexa, Langsung saja berikut ini caranya Buka http://blogger.com pada web browser Kemudian masuk kemenu template Tambahkan Gadget kemdian pilih HTML/JavaScript Setalah itu copy kode berikut ini <a href="http://www.alexa.com/siteinfo/ klikartikel.com "><script src="http://xslt.alexa.com/site_stats/js/s/a?url= klikartikel.com " type="text/javascript"></script></a> <a href="http://www.alexa.com/siteinfo/ klikartikel .com "><script src="http://xslt.alexa.com/site_stats...

Baca selengkapnya

Animasi Statik Pengunjung Dengan PHP

Artikel kali ini saya akan membahas bagaimana cara membuat statik pengunjung di web kita, kita tidak menggunakan database untuk menyimpan datanya hanya memanfaatkan file bernama acount.txt sebagai counter kita dan ip.txt untuk mencatat IP penggunjung, berikutnya ikuti langkah berikut ini : Siapkan file gambar berupa angka 0-9 Buat file dengan nama index.php kemudian ketik script berikut <html> <head> <title>Contoh Counter dengan image</title> </head> <body bgcolor="#FFFFFF"> <center> <font size="2" face="Arial, Helvetica, sans-serif">- Anda pengunjung ke - < </font> <?php // letak image yang digunakan sebagai counter $img = "http://localhost/php/counter/"; // url to the animated digits $animated_img = "http://localhost/php/acountphp/ani/"; // Berapa digit yang ditampilkan $padding = 6; // ukuran lebar dan tinggi file image $width = 16; $height = 22; // letak file ...

Baca selengkapnya

Membuat Kalender Sederhana Menggunakan PHP

Sebenarnya sudah banyak kalender - kalender dengan menggunakan jQuery anda bisa mendownload secara gratis, tapi kali ini saya akan membahas bagaimana cara membuat kalender dengan script php dan css, langsung saja berikut ini caranya : Buat folder latihan di C:\xampp\htdocs\latihan (optional tergantung webserver yang di gunakan) Buat sebuah file mislanya "kalender.php" Kemudian ketikan script berikut (script ini digunakan untuk membuat style css) <style type="text/css"> div{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webki...

Baca selengkapnya

Menyembunyikan Pesan Error Notice: Undefined index

Pada pembahasan kali ini kita akan membahas bagai mana cara menghilangkan Notice: Undefined index:, Sebelum kita mengetahui cara menghilangkan pesan error Notice: Undefined index:, yang perlu kita ketahui adalah maksud atau arti dari pesan error tersebut. Notice: Undefined index: merupakan sebuah pesan dari variabel atau Constanta yang tidak memiliki nilai (value). Jadi variabel atau contanta tersebut merupakan variabel kosong, lalu bagaimana cara menghilangkan pesan tersebut, berikut caranya : sebagai contoh kita ketikan script php seperti dibawah ini : <html> <head> </head> <body> <a href='?pg=1'>Hal 1</a> <a href='?pg=2'>Hal 2</a> <a href='?pg=3'>Hal 3</a> <?php if($_GET['pg']== 1) echo "Ini halaman 1"; elseif($_GET['pg']== 2) echo "In...

Baca selengkapnya

Cara memposting kode html di blog

Mungkin kita pernah mengalami kesulitan beberapa kali ingin memposting artikel diblog yang menggunakan kode html tidak pernah bisa, itu di karenakan blog akan membaca artikel kita sebagai scrip html, lalu bagaimana cara mengakali agar kode html kita bisa memposting artikel html? Jawabnya adalah dengan memanfaatkan textarea. Apa keungulan textarea yang akan dibahas ini? Ada beberapa keungulan textarea yang akan kita bahas kali ini diantaranya kita dapat meringkas area posting sehingga tidak terlalu luas, kita dapat meringkas area posting sehingga tidak terlalu luas, selain itu area postingan akan terlihat lebih rapi, juga kita dapat menambah scroll pada text area tersebut, kita bisa meletakkan dikiri, kanan atau tengah posting, kita dapat menambahkan perintah sorot semua untuk di copy. kode html yg di copy tidak akan ada yg tertinggal. <div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus...

Baca selengkapnya

Membuat Image watermark dengan php

Watermark adalah suatu teknik memberi tulisan pada gambar agar gambar tersebut tidak dengan mudah di copy paste oleh orang lain, teknik ini seperti copyright di gambar. Pada pembahasan kali ini kita akan membahas pembuatan watermark dengan menggunakan fungsi PHP kita juga butuh satu file yang akan menjadi label watermarknya, ukuran width dan height watermarknya disesuaikan dengan file image yang diupload misalnya, ukuran image yang akan diupload 1000 px dan height nya 500px maka file label watermarknya harus berukuran sama. Berikut ini langkah-langkahnya Buat folder watermark di dalam htdocs (optional tergantung kita menggunakan web servernya) Buat file index.php kemudian ketikan script berikut ini <?php require_once('watermark_image.php'); $file=$_FILES['image']['name']; if($file!="") { $path="image/".$file; $dest="image/watermark_".$file; copy($_FILES['image']['tmp_name'],$path); ...

Baca selengkapnya

Apa Itu Bootstrap

Pengertian Twitter Bootstrap – Banyak blogger yang mulai tertarik dengan Bootstrap namun mereka masih bertanya apa sih fungsinya sebenarnya. Adakah kelebihannya? Bagaimana instalasinya? Nah, sedikit demi sedikit di blog ini akan mulai di bahas tentang bootstrap, mulai dari pengenalan hingga pemasangannya di Blogger. Apa itu Bootstrap? Bootstrap adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat. Bootstrap juga memudahkan pengaturan website bagi mereka yang kurang mahir coding atau tidak punya waktu banyak. Sekumpulan javascript dan CSS yang dibutuhkan untuk banyak sekali widget ada dalam satu file yang terus di update oleh pengembang. Pemilik webs...

Baca selengkapnya

Cara Mendapatkan Verifikasi Blog Di Bing

Tujuan mendaftarkan akun di bind memberi tahu ke bind bahwa website / blog benar-benar milik kita, ada beberapa cara untuk menverifikasi menggungakan Bing Webmaster Tools oke mari kita bahas langkah-langkahnya Masuk ke http://www.bing.com/toolbox/webmaster Anda bisa login menggunakan akun Microsoft anda atau jika anda belum memilikinya silahkan daftarakn dlu Setelah pembuatan selesai masuk ke my situs dan daftarkan situs website anda dengan megeklik tombol “ADD YOUR SITE” 4. Isikan data lengkap mengenai akun anda seperti alamat website, nama, email dll 5. Setelah berhasil maka akan keluar cara – cara verifikasi kita menggunakan cara ke dua cara yang paling mundah menurut saya yaitu dengan mengcopy code dari bind ke dalam website kita 6. Caranya masuk ke bloger.com kemudian pilih menu template edit html cari tag <head> kemudian copy <meta content='CEF15ECC6FD7449FF1A26AC2F644DBCB' name='msv...

Baca selengkapnya

Google Web Master

Cara Mendapatkan Google Site Verification klikartikel.com - Google site verification berfungsi untuk memberitahukan kepada Google bahwa website atau blogs tersebut benar - benar milik kita dan ada beberapa cara untuk memverifikasinya diantaranya menggunakan Meta Tags yang disimpan pada Template Website atau Blogs kita , Untuk mendapatkan Meta Tags tersebut sobat bisa melihat Tutorial mudah Blogger dan Screanshot dibawah ini Silahkan login ke akun google kemudian masuk ke situs web master tools klik tombol tambahakan situs kemudian setelah itu klik situs website / blog yang anda daftarkan Pada Dasbor Situs klik Pengaturan dan arahkan pada Pengguna dan Pemilik Situs dan klik kembali pada tulisan tersebut Setelah masuk pada Menu Pengaturan arahkan kembali korsur anda pada tulisan Pemilik sehingga akan muncul tulisan "Untuk mengubah atau menghapus pemilik situs,buka laman verifikasi pemilik" lalu klik bagian tulisan laman verifikasi pemilik kemudia...

Baca selengkapnya

Cara Membuat Koneksi PHP ke SQL

Selamat Pagi.. Di pagi yang ceria ini saya akan berbagi sedikit artikel tentang bagaimana cara membuat koneksi php ke database mysql, mungkin teman-teman sudah bayak yang mengetahui tips ini tapi gpp namanya aja sekedar share pengalaman :D Okee langsung saja berikut ini langkah2nya : Install web server pada komputer agan-agan disini saya menggunakan xampp Pastikan untuk sql mysql service aktif,, gmana cara mengetahui aktif atau tidak,coba aja di misscall klo nyambung berarti aktif,,bercanda broo..wkwkkw cara untuk lihat gambar seperti ini jika sudah seperti ini berarti udah aktif oke setelah dipastikan aktif sekarang kita masuk ke codingnya Buat 1 file dengan nama connection.php simpan di folder C:\xampp\htdocs\nama_project\... kemudian ketikan coding ini <?php $database ='latihan'; // nama database $user ='root'; $pass =''; $koneksi =mysql_connect($dsn,$user,$pass); if($koneksi) { echo "koneksi sukses..!!"; } else { echo ...

Baca selengkapnya