Tampilkan postingan dengan label trik html. Tampilkan semua postingan
Tampilkan postingan dengan label trik html. Tampilkan semua postingan

Senin, 02 September 2013

Membuat form login, logout, dan register (Autentifikasi User di PHP)

Membuat form login, logout, dan register (Autentifikasi User di PHP)


Masalah autentifikasi user ini sering ditanyakan oleh orang kepada saya. Masalah ini pula yang sering banyak dijumpai kelemahannya sehingga hal ini menjadi sesuatu hal yang sangat krusial. Sekali autentifikasi ini bobol, maka dampaknya akan sangat berbahaya bagi suatu sistem.

Pada artikel ini akan dijelaskan perlunya autentifikasi user dalam suatu sistem, serta cara pembuatannya dengan PHP script.

Ngomong-ngomong… apa sih autentifikasi user ini? Autentifikasi user adalah suatu mekanisme untuk memastikan apakah suatu user itu berhak masuk ke dalam sistem atau bukan. Implementasinya adalah berupa login. Dalam hal ini user yang berhak mengakses akan diberikan nama user tertentu beserta password. Gampangannya… bila terdapat nama user dan password yang tidak terdaftar dalam daftar user, maka user tersebut tidak berhak mengakses. Saya kira tidak perlu dipanjanglebarkan masalah ini karena hampir semua orang tahu.

Pendaftaran User
  1. User mengisi form pendaftaran sebagai legal user (user mengisi username dan password).
  2. Sistem akan mengecek apakah username yang didaftarkan sudah ada yang memiliki atau belum.
  3. Jika sudah ada, user diminta mengisi kembali username yang lain beserta passwordnya. Sedangkan jika belum ada, data user ini akan disimpan dalam database, dengan password terenkripsi.
Proses Autentifikasi
  1. User yang akan mengakses sistem diminta memasukkan username dan password (asli)
  2. Sistem akan mencari password terenkripsi yang tersimpan dalam database berdasarkan username yang terdaftar
  3. Sistem akan mencocokkan antara password asli terenkripsi yang diisikan user melalui form login, dengan password terenkripsi yang tersimpan dalam database
  4. Jika password asli terenkripsi yang dikirim via form login ini sama dengan password terenkripsi yang ada dalam database, maka user tadi bisa masuk ke dalam sistem. Jika tidak sama, maka user tadi tidak berhak masuk ke sistem.
Proses autentifikasi tidak hanya sampai sini saja… Kadangkala user nakal ingin masuk ke sistem tanpa melalui proses autentifikasi terlebih dahulu atau melakukan by pass ke dalam sistem. Nah… hal ini juga berbahaya. Kita harus bisa mengantisipasi hal ini bila tidak ingin sistem yang dibangun diacak-acak oleh orang yang tidak berhak.

Dalam artikel ini akan dibahas bagaimana membuat autentifikasi user ini dengan script PHP, serta mengantisipasi user yang mem-by pass autentifikasi ini.

Pertama, kita siapkan tabel user terlebih dahulu.
CREATE TABLE user (
username varchar(20),
password varchar(32),
PRIMARY KEY (username)
)

Mengapa field username ini kita buat primary key, ya… karena username harus unik, tidak boleh ada username yang sama. Sedangkan password kita set tipe datanya varchar dengan panjang field 32. Mengapa 32? Ya… karena password yang akan disimpan di sini adalah terenkripsi. Untuk enkripsi nanti kita akan gunakan MD5() termodifikasi, seperti yang telah dijelaskan pada artikel saya tentang Tips membuat password dengan MD5 (). Nah… hasil md5() ini adalah karakter dengan panjang 32.

OK… langkah kedua kita siapkan form pendaftaran usernya.

Register.php

<form method="post" action="submit.php">
<table border="0">
<tr>
<td>Masukkan Username </td>
<td><input name="username" type="text"></td>
</tr>
<tr>
<td>Masukkan Password </td>
<td><input name="pass1" type="password"></td>
</tr>
<tr>
<td>Ulangi Password </td>
<td><input name="pass2" type="password"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</form>

Perhatikan… pada form di atas terdapat dua isian untuk password. Mengapa tidak hanya satu isian saja? Dengan mengisi password lebih dari satu kali akan memastikan bahwa password yang dimasukkan adalah benar dari sisi ejaannya.

Selanjutnya kita buat script untuk pemrosesan registrasi user ini.

submit.php

<?php
$username = $_POST['username'];
$password1 = $_POST['pass1'];
$password2 = $_POST['pass2'];

// cek kesamaan password
if ($password1 == $password2)
{
mysql_connect("namahost", "dbuser", "dbpass");
mysql_select_db("dbname");

// perlu dibuat sebarang pengacak
$pengacak = "NDJS3289JSKS190JISJI";

// mengenkripsi password dengan md5() dan pengacak
$password1 = md5($pengacak . md5($password1) . $pengacak);

// menyimpan username dan password terenkripsi ke database
$query = "INSERT INTO user VALUES('$username', '$password1')";
$hasil = mysql_query($query);

// menampilkan status pendaftaran
if ($hasil) echo "User sudah berhasil terdaftar";
else echo "Username sudah ada yang memiliki";

}
else echo "Password yang dimasukkan tidak sama";

?>

Untuk proses pengenkripsian password seperti halnya dijelaskan pada artikel tentang Tips Membuat Password dengan MD5(), Anda boleh membuat pengacak yang lain, atau mengkombinasikan sendiri bentuknya, misalnya $password1 = md5($pengacak.md5($pengacak.$password1.$pengacak).$pengacak) atau yang lain.. It’s up to you, yang jelas jangan menggunakan $password1 = md5($password1);

Nah selanjutnya… misalkan kita buat skenario bahwa terdapat dua buah halaman (halaman 1 dan halaman 2) dalam sistem yang membutuhkan autentifikasi user sebelum masuk ke dalamnya.

OK… untuk autentifikasi, kita buat form loginnya.

login.php

<form method="post" action="loginsubmit.php">
<table border="0">
<tr>
<td>Masukkan Username </td>
<td><input name="username" type="text"></td>
</tr>
<tr>
<td>Masukkan Password </td>
<td><input name="pass" type="password"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</form>

Jangan lupa buat pula script untuk mengolah loginnya

loginsubmit.php

<?php
// menjalankan session
session_start();

$username = $_POST['username'];
$password = $_POST['pass'];

mysql_connect("namahost", "dbuser", "dbpass");
mysql_select_db("dbname");

// mencari password terenkripsi berdasarkan username
$query = "SELECT * FROM user WHERE username = '$username'";
$hasil = mysql_query($query) or die("Error");
$data = mysql_fetch_array($hasil);

$pengacak = "NDJS3289JSKS190JISJI";

// cek kesesuaian password terenkripsi dari form login
// dengan password terenkripsi dari database
if (md5($pengacak.md5($password).$pengacak) == $data['password'])
{
// jika sesuai, maka buat session untuk username
$_SESSION['username'] = $username;

// menampilkan menu ke halaman akses
echo "<h2>Login sukses</h2>";
echo "<p><a href=\"hal1.php\">Menu 1</a> | <a href=\"hal2.php\">Menu 2</a></p>";
}
else echo "<h2>Login Gagal</h2>";

?>

Perhatikan… dalam cek kesesuaian password terenkripsi dari form dan dari database, harus menggunakan pengacak dan rule yang sama dengan proses mengenkripsi password sebelum disimpan ke database (lihat kembali script submit.php).

Selanjutnya, untuk mencegah by pass yang dilakukan user nakal ke dalam halaman 1 dan 2, maka kita perlu membuat script untuk menanggulangi hal ini.

cek.php

<?php

session_start();

// mengecek ada tidaknya session untuk username
if (!isset($_SESSION['username']))
{
echo "<h1>Anda belum login</h1>";
exit;
}

?>

Script di atas berguna untuk mengecek keberadaan session untuk username. Bila user tidak melakukan login, maka session username tidak pernah dibuat. Sehingga apabila user tidak melakukan login, akan muncul pesan ‘Anda belum login’. Perintah isset() digunakan untuk mengecek keberadaan suatu variabel (dalam hal ini variabel session untuk username). Perintah ini akan menghasilkan nilai TRUE jika variabel yang dicek ada, dan FALSE jika variabel tidak ada.

Nah.. script cek.php di atas harus disisipkan di setiap halaman yang sifatnya private atau membutuhkan autentifikasi user.

Misalkan isi halaman 1 dan 2 adalah sebagai berikut

hal1.php

<?php

include "cek.php";

echo "<h1>Ini Halaman 1</h1>";
echo "<p><a href=\"hal1.php\">Menu 1</a> | <a href=\"hal2.php\">Menu 2</a></p>";
echo "<p>Ini isi halaman 1. Ini isi halaman 1</p>";
echo "<p>Ini isi halaman 1. Ini isi halaman 1</p>";
echo "<p><a href=\"logout.php\">Logout</a></p>";

?>

hal2.php

<?php

include "cek.php";

echo "<h1>Ini Halaman 2</h1>";
echo "<p><a href=\"hal1.php\">Menu 1</a> | <a href=\"hal2.php\">Menu 2</a></p>";
echo "<p>Ini isi halaman 2. Ini isi halaman 2</p>";
echo "<p>Ini isi halaman 2. Ini isi halaman 2</p>";
echo "<p><a href=\"logout.php\">Logout</a></p>";

?>

Perhatikan… di setiap halaman private disisipkan script cek.php. Apakah harus diletakkan sebelum isi dari halaman? Ya… harus… sebelum menampilkan isi halaman, terlebih dahulu harus di cek apakah user yang akan mengakses sudah login atau belum. Jika belum… langsung muncul pesan belum login dan exit artinya isi halaman tidak ditampilkan di browser.

Oya… jangan lupa membuat script untuk logout. Konsep logout dalam autentifikasi adalah menghapus variabel session untuk username tadi.

logout.php

<?php

session_start();

// menghapus session username
unset($_SESSION['username']);

echo "<h1>Anda sudah logout</h1>";

?>

Aduh… panjang juga ya artikelnya. Capek nulisnya… but mudah-mudahan bermanfaat. See you in the next article…

Cara Membuat Form Registrasi Online di Blog

Cara Membuat Form Registrasi Online di Blog

Cara Membuat Form Registrasi Online di Blog memang hal penting jika kita sedang memerlukannya.Form seperti ini kita tahu memiliki banyak fungsi seperti Registrasi anggota,pendaftaran online dan malah bisa juga ke hal yang lebih komersil seperti untuk formulir pembayaran.Kali ini mas gusti akan membahas seputar Form Registrasi dan cara membuatnya.
Pernahkan anda memperhatikan suatu blog atau situs yang sedang melakukan sebuah acara seperti yang paling sering Kontes Seo ? Disana pasti sudah tersedia dengan cantik form registrasi pendaftaran untuk peserta yang ingin bergabung.Nah dari sana sudah bisa kita tau betapa bergunanya formulir seperti ini untuk kelangsungan hubungan social kita dengan anggota dan blogger lain.Untuk itu tidak ada salahnya jika anda menyimak tutorial ringan kali ini tentang cara membuat form registrasi di blog via 123contactform berikut ini :

1. Kunjungi situsnya di 123contactform.com .
2. Klik button Sign Up pada pojok kanan atas.
3. Setelah itu kita akan diberi 3 jenis pilihan antara lain :
  • Basic (Fitur gratis untuk selamanya namun fitur tak selengkap Platinum)
  • Platinum (Fitur berbayar,lengkap namun tidak selengkap Gold)
  • Gold (Fitur berbayar dan paling lengkap)
4. Jika anda ingin menggunakan fitur gratis ,silahkan klik button Sign Up pada bagian bawah kolom Basic ( forever free ).
Cara Membuat Form Registrasi Online di Blog
5. Setelah itu lengkapi formulir pendaftaran akun anda yang sudah tersedia seperti :
  • Username : isi dengan username untuk anda loggin nanti " tanpa spasi " seperti : contohsaja
  • Password : Isikan dengan password anda yang mudah di ingat
  • Confirm Password : Isikan kembali password yang sudah anda tulis diatas.
  • Email : isikan dengan alamat email anda yang masih aktif.
6. Klik button Create Account untuk menyelesaikan segera proses pembuatan akun.
7. Setelah itu anda akan dibawa ke halaman Dashboard 123contactform.
8. Posisi anda sekarang ada pada dashbord dan silahkan klik Button Create New Form untuk membuat formulir baru.
Cara Membuat Form Registrasi Online di Blog
9. Setelah itu pilih Form yang akan anda buat > Untuk tutorial kali ini khusus pada form registrasi.Jadi silahkan anda klik pada menu Event Registration Form yang berwarna hijau.
10 Isikan kolom Form Name dengan nama sesuai kebutuhan untuk menandai nama form anda pada dashboard akun anda.
Cara Membuat Form Registrasi Online di Blog

11. Klik button OK untuk melanjutkan.
12. Maka anda akan langsung di bawa ke halaman Editor Form dan editlah sesuai dengan kebutuhan formulir anda.

Cara Membuat Form Registrasi Online di Blog

13. Kalau memang sudah pas > Klik button Continue pada pojok kanan atas.
14. Anda akan di bawa ke halaman Form Setting > untuk menambahkan email penerima,pilih Add Notification Email,jika memang tidak.Langsung aja ke tahap selanjutnya dengan klik Button Continue .
15. Kemudian pada sebelah Kiri layar pilih Platform yang akan anda pasang Form Registrasi.Untuk sekarang saya menggunakan platform blogger sebagai contoh.

Cara Membuat Form Registrasi Online di Blog
16. Setelah itu lihat pada sebelah kanan menu tersebut > Copy kode yang muncul dan pasang di akun blog anda.
Cara Membuat Form Registrasi Online di Blog

Cara memasang Form Registrasi di Blog.
1. Loggin ke blogger.com
2. Buat New Post ( Postingan Baru ) > Pilih Opsi HTML bukan Compose.
3. Pastekan kode yang sudah anda buat tadi.
4. Save dan lihat hasilnya

Cara Membuat Menu Register, Login dan Logout PHP

Cara Membuat Menu Register, Login dan Logout PHP


Membuat Form Sign Up/Register, Login dan Logout untuk pembangunan sebuah web dengan berbasiskan member saat ini sudah menjadi tren bagi para webmaster yang ingin membangun web yang "look professional". Pada artikel ini akan dijelaskan tutorial untuk membuat form sign up dan login serta logout yang masih berbentuk sederhana. Untuk selanjutnya, anda dapat membuat sendiri pengembangan dari script ini.
membuat form register, login dan logout
Langkah pertama, anda harus membuat file  "Config.php". File ini berfungsi menghubungkan script yang anda buat dengan database. Isi dari file "config.php" ini dapat anda lihat di bawah:
<?php
$server = "localhost"; // server web anda.
$database = "mydata"; // nama dari database yang anda buat.
$db_user = "myusername"; // username dari mysql anda.
$db_pass = "mypassword"; // password untuk mengakses mysql anda tersebut.
$table = "users"; //nama table yang akan dibuat di database.
?>
Simpan file tersebut di root web anda. Setelah selesai, anda dapat melanjutkan pada tahap yang kedua.

Buat file dengan nama "create.php". File ini berfungsi menjalankan perintah query database dalam pembuatan table signup dan login ini. Isi dari file ini dapat anda lihat dibawah.

<?php
include ("config.php");
// konek ke server MYSQL
$link = mysql_connect($server, $db_user, $db_pass)
or die ("Could not connect to mysql because ".mysql_error());
// pilih database
mysql_select_db($database)
or die ("Could not select database because ".mysql_error());
// bikin tabel di database
$create = "create table $table (
id smallint(5) NOT NULL auto_increment,
username varchar(30) NOT NULL,
password varchar(32) NOT NULL,
PRIMARY KEY (id),
UNIQUE KEY username (username)
);";
mysql_query($create)
or die ("Could not create tables because ".mysql_error());
echo "Mangstabs!!sekarang lanjut ke tahap yang ketiga";
?>

Sekarang anda perlu membuat form yang digunakan pengunjung untuk sign up dan berikan nama "register.html". File yang anda buat ini boleh berupa halaman HTML biasa yang nantinya akan terhubung pada script php yang nantinya anda akan buat. Untuk percobaan yang sederhana, anda dapat meng-copy script di bawah pada halaman baru Dreamweaver.
<html><head>
<title>REGISTRASI MEMBER</title>
</head><body>
<form action="register.php" method="post">
Pilih Username: <input type="text" name="username" size="20"><br>
Pilih Password: <input type="password" name="password" size="20"><br>
<input type="submit" value="Sign Up">
</form>
</body></html>

Setelah itu buat file dengan nama "register.php". File ini akan berfungsi sebagai perantara yang menghubungkan file register.html diatas dengan database yang sudah anda buat. Untuk isi dari file "register.php dapat anda lihat dibawah.
<?php
include("config.php");
// konek ke server MYSQL
$link = mysql_connect($server, $db_user, $db_pass)
or die ("Could not connect to mysql because ".mysql_error());
// pilih database
mysql_select_db($database)
or die ("Could not select database because ".mysql_error());
// cek kesamaan username
$check = "select id from $table where username = '".$_POST['username']."';";
$qry = mysql_query($check) or die ("Could not match data because ".mysql_error());
$num_rows = mysql_num_rows($qry);
if ($num_rows != 0) {
echo "Maaf, username $username sudah ada yang punya<br>";
echo "<a href=register.html>Anda belum beruntung, silakan dicoba kembali</a>";
exit;
} else {
// masukkan data
$insert = mysql_query("insert into $table values (’NULL’, '".$_POST['username']."',
'".$_POST['password']."')")
or die("Could not insert data because ".mysql_error());
// tampilkan pesan sukses
echo "Akun Anda Telah Selesai Dibuat!<br>";
echo "Sekarang anda bisa <a href=login.html>Login sebagai member web Cyber4rt</a>";
}
?>

Sekarang anda perlu membuat form member untuk Login. Beri file ini dengan nama "login.html". Isi dari file ini yaitu sebagai berikut :

<html><head>
<title>MEMBER LOGIN</title>
</head><body>
<form action="login.php" method="post">
Username: <input type="text" name="username" size="20"><br>
Password: <input type="password" name="password" size="20"><br>
<input type="submit" value="Log In">
</form>
</body></html>

Sekarang anda perlu membuat file yang akan menghubungkan file login.html dengan database, berikan nama file ini dengan "login.php". Script-nya dapat anda lihat dibawah.
<?php
include("config.php");
// konek ke server MYSQL
$link = mysql_connect($server, $db_user, $db_pass)
or die ("Could not connect to mysql because ".mysql_error());
// pilih database
mysql_select_db($database)
or die ("Could not select database because ".mysql_error());
$match = "select id from $table where username = '".$_POST['username']."'
and password = '".$_POST['password']."';";
$qry = mysql_query($match)
or die ("Could not match data because ".mysql_error());
$num_rows = mysql_num_rows($qry);
if ($num_rows <= 0) {
echo "Maaf, tidak ada username $username dengan password tersebut.<br>";
echo "<a href=login.html>Coba lagi</a>";
exit;
} else {
setcookie("loggedin", "TRUE", time()+(3600 * 24));
setcookie("mysite_username", "$username");
echo "Anda telah login!<br>";
echo "Lanjutkan ke <a href=members.php>member</a> area.";
}
?>

Perhatikan file tersebut pad baris ketiga paling bawah, disana berisi <a href=members.php>members.php ini adalah sebuah area yang hanya bisa dilihat oleh para member. Anda dapat membuat file members.php dengan kreasi sendiri. Sekarang saya akan menjelaskan script yang digunakan untuk mengecek cookie, apakah orang tersebut sudah login atau tidak. Simpan scipt ini di seluruh area members. Script-nya sebagai berikut :
<?php if (!isset($_COOKIE['loggedin'])) die("Anda sedang tidak login! Silakan login terlebih dahulu");
$mysite_username = $HTTP_COOKIE_VARS["mysite_username"];
echo "Anda login sebagai $mysite_username.
"; ?>

Akhirnya script yang terakhir yaitu script untuk logout. Script ini dapat dihubungkan dengan link pada html biasa. Link ini diletakkan pada area member. Lihat isi script-nya di bawah ini :
<?php
// masa aktif cookie
setcookie ("loggedin", "", time() - 3600);
echo "Anda sudah logout.<br>";
echo "<a href=\"login.html\">Login</a>.";
?>
Untuk peng-aplikasi-an dari script-script yang saya jelaskan di atas, dapat anda kreasikan sendiri. Selamat berkreasi.!!!!

Membuat Jejaring Sosial dengan PHP

Membuat Jejaring Sosial dengan PHP

Bagaimana Cara Membuat Jejaring Sosial atau Social Network ?

kali ini kita akan coba untuk membuat Sosial Network atau Jejaring Sosial yang sederhana dan singkat, pasti sudah pada tau apa itu jejaring sosial, contoh nya adalah Facebook

Bagaimana kah tampilan nya ? Nih SS'nya..!





Bagaimana ? , Anda Berminat ? , Oke Silahkan Di Download Link nya bawah.


Cara Penggunaan Di Localhost
  1. extract social.rar di C:\xampp\htdocs jika anda menggunakan xampp , dan jika anda tidak punya xampp download di link berikut http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.8.0/xampp-win32-1.8.0-VC9-installer.exe/download
  2. Lalu buat database dengan nama teman_onlinedb
  3. extract database yang ada di social.rar
  

 
 
      4. Lalu tes halaman dengan nama http://localhost/social/ (default)
      5. lalu Login dengan email : demo@demo.com dan password : demo

Cara penggunaan Di Live Server
  • login Di web hosting kamu , kalau saya pakai idhostinger.com
  • buat database kamu , Dan Import Database kamu

  • Jika Sudah Selesai , lalu cek , Apa kah Sudah bisa Login ? , tentu nya tidak , karena kita harus mengedit file koneksi.php
Note :
untuk host isi dengan host anda contoh "localhost" / "mysql.idhostinger.com"
untuk username dengan username database anda contoh "root" / " u560461438 "
untuk password isi dengan password db anda
untuk database isi dengan db anda contoh " u560461438_aku"
lalu tes deh :)

Latest keyword :
Membuat Jejaring Social Dengan php , Source code untuk Membuat Jejaring Social , Tutorial cara membuat Jejaring social Sendiri , Script php untuk membuat Jejaring Social ,
Thank's to

Jumat, 30 Agustus 2013

cara memasang musik/lagu di blog~

cara memasang musik/lagu di blog~

Label:
Cara Memasang Musik/Lagu Berputar Secara Otomatis Saat Dibuka di Blog - Sebuah blog akan terasa lebih hidup dengan adanya musik dan pengunjungpun akan lebih betah berada pada blog kita karena mereka merasa terhibur dengan adanya musik, tapi bagaimana caranya memasang musik pada sebuah blog? Mungkin bagi bloger masih ada yang belum mengerti cara pasang background lagu diblog kesayangannya. Sebenarnya memasang musik pada sebuah blog sangatlah mudah dan tidak memerlukan waktu yang lama, cukup beberapa menit sebuah musik dan player-nya akan terpasang.

Apakah anda tertarik pasang musik/lagu di blog anda ? Kalau “Iya” berikut beberapa cara yang bisa anda lakukan berdasar coba-coba saya dengan blog ini "dimana menurut saya sangat ringan untuk loading sebuah Blog", walaupun saya enggak pakai cara ini, soalnya kalau dirumah takut mberebeki tetangga-tetangga saya.

A. Musik/Lagu akan autoplay bila blog kita dibuka
  1. Masuk ke http://www.divine-music.info/
  2. Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan / cari lagu kesukaan kamu.
  3. Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
  4. Disitu akan ada kode EMBEDED copy kode itu dan masukkan ke kode html blog anda [Udah tau kan cara nya]
  5. Selesai dan dengarkan hasilnya.
B. User memilih mau memainkan lagu atau tidak
  1. Masuk ke http://musik-live.net
  2. Pilihan tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai dengan keinginan lalu copy dan paste kode yang diberikan dibawah tampilan musik player tersebut pada sidebar.
  3. Selesai dan lihat hasilnya
Jika lebar dan tinggi dari player musik tersebut tidak sesuai dengan sidebar, kita tinggal merubah nilai Width dan Height nya saja. 


C. Memasang sendiri lagu sesuai dengan keinginan kita
  1. Masuk ke http://4shared.com mestinya kita register dulu ya.
  2. Selesai register login dan upload lagu kesayangan kita.
  3. Setelah itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang muncul dan masukkan ke blog kita.
  4. Nikmati hasilnya.
Untuk cara ini menurut saya sangat lambat waktu loading buka situs kita, karena kita perlu file hosting 4shared, Tapi kalau mau nyoba ke blog kesayangan akan lebih baik, ilmu kan harus diaplikasikan.

Moga bermanfaat buat semua ya:D mampir lagi gan ^^ Thankss

Cara Memasang Iklan Animasi Bergerak di sudut blog

Cara Memasang Iklan Animasi Bergerak di sudut blog

Cara memasang Iklan Animasi di blog merupakan trik yang digunakan para blogger untuk memasang iklan yang ditampilkan dapat menarik pengunjung blog untuk klik. Trik ini ingin mencoba membahas bagimana iklan yang dipasang  selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Pemasangan iklan tidak mutlak, bisa juga gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Langkah-langkah untuk memasang iklan animasi sebagai berikut:
  1. Login ke blogger trus klik "Layout -->> Edit HTML
  2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
  3. CODE:
    #iklan_pojok {
    position:fixed;_position:absolute;bottom:0px; left:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  4. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
  5. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>
  6. CODE:
    <div id="iklan_pojok">
    <a href=http://belajarblog.blogspot.com>
    <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
    </div>
    http://belajarblog.blogspot.com adalah link. ganti dengan link kamu.
    "http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.
  7. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
  8. Simpan hasil kerja kamu dan lihat hasilnya.

Cara Membuat Animasi Cursor Di blog


Cara Membuat Animasi Cursor Di blog

Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang animasi cursor keren buat percantik blogger atau website anda ada banyak macam-macam animasi cursor untuk diblog saya tinggal anda pilih sesuai selera anda atau anda sukai langsung saja caranya  :

Cara untuk tampilan blogger lama :
1.Login ke blogger anda
2. Pilih Rancangan
3.klik Tambah Gadget Html/JavaScript
4.Copy & paste kan kode html mouse yang diinginkan di bawah ini
5.Terakhir Simpan 

Cara untuk tampilan blogger baru :
1.Login ke blogger anda
2. Pilih Laman
3.Pilih Tata Letak
4.klik Tambah Gadget Html/JavaScript
5.Copy & paste kan kode html mouse yang diinginkan di bawah ini
6.Terakhir Simpan 

Spongebob
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a> 




Mr.Crab
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>



Bird
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>




Mouse Pelangi
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a> 




Cartoon
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>



Fire Guitar
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>



Love
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani), url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Valentine's Day Pumping Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;" /></a>



Peace
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani), url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Different Types Of Peace Symbol"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Different Types Of Peace Symbol" style="position:absolute; top: 0px; right: 0px;" /></a>




Angel

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>





Icon Moon
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur945.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur945.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Batman Begins - Diagonal Resize 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Diagonal Resize 2" style="position:absolute; top: 0px; right: 0px;" /></a>



vegeta dragon ball
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-7/ani634.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Vegeta - Dragonball Z 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vegeta - Dragonball Z 2" style="position:absolute; top: 0px; right: 0px;" /></a> 





superman
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Superman"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Superman" style="position:absolute; top: 0px; right: 0px;" /></a> 





samurai x
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>




monkey
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>



I love her
 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-5/spe445.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="I Love Her"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Her" style="position:absolute; top: 0px; right: 0px;" /></a> 




I love him
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-5/spe444.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="I Love Him"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Him" style="position:absolute; top: 0px; right: 0px;" /></a>


 


lihat hasilnya cursor animasi sudah ada di blogger anda

Selamat Mencoba & Semoga bermanfaat ,follow twitter aku & klik like fanspage programm komputer ya