Tuesday, 30 June 2015

New Free HTML5 CSS3 jQuery DropDown Menu 2015

Dikesempatan kali ini saya akan membagikan DropDown menu yang menarik dan layak untuk kamu coba di website masing masing. Karena ini adalah salah satu cara agar tampilan website kamu lebih memikat oleh para pengungjung. Dan juga pastinya bisa meningkatkan jumlah pengunjung situs kamu perharinya.


http://www.jqueryscript.net/images/Beautiful-jQuery-Drop-Down-Menu-Plugin-For-Bootstrap-Dropdown-on-Hover.jpg

Dropy | A Simple SCSS & jQuery dropdown

Just a simple dropdown using SCSS and jQuery.

dropy scss dropdown
Download


Dropdown Menu UI

Perfect menu

dropdown menu ui

Download


Country flag selector

All country flag selector with flags and country code.

countryflag

Download


Custom Select menu

A floating dropdown for a modern website template.

custom dropdown

 Download


Simple dropdown-menu

Inspired by a dribble shot this is one flat design for dropdown menu.

simple dropdown list

Download


Dropdown Menu Animation

Fancy, little animation for a dropdown menu or list. Using CSS3 animations and jQuery.

Classic Dropdown

Download


Simple drop-down list effects

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

simple effects list

Download


Nah gimana?
Lumayan menarik dan bagus bagus bukan.
Silahkan dicoba, kalau error ya maklum harap bersabar saja hehe.

See You!

Monday, 29 June 2015

Cara Decode Javascript Unescape dan Unicode 2015


Kali ini akan dibahas tentang cara decode script yang telah diubah menjadi code Javascript, lalu kemudian menjadi Javascript Unescape. Encode tersebut dilakukan untuk mencegah pengunjung website Anda membaca halaman script HTML web Anda.

http://doxygen.db48x.net/mozilla-full/html/dc/d54/interfacensIScriptableUnescapeHTML__inherit__graph.png

Simak caranya decode-nya dibawah ini:

1. Pertama-tama kita ambil contoh code Javascript Unescape:

<script Language='Javascript'>
    <!--
    document.write(unescape('5c%75%30%30%33%63%5c%75%30%30%36%38%5c%75%30%30%37%34%5c%75%30%30%36%64%5c%75%30%30%36%63%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%36%38%5c%75%30%30%36%35%5c%75%30%30%36%31%5c%75%30%30%36%34%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%37%34%5c%75%30%30%36%39%5c%75%30%30%37%34%5c%75%30%30%36%63%5c%75%30%30%36%35%5c%75%30%30%33%65%5c%75%30%30%34%64%5c%75%30%30%37%39%5c%75%30%30%32%30%5c%75%30%30%35%30%5c%75%30%30%36%31%5c%75%30%30%36%37%5c%75%30%30%36%35%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%37%34%5c%75%30%30%36%39%5c%75%30%30%37%34%5c%75%30%30%36%63%5c%75%30%30%36%35%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%38%5c%75%30%30%36%35%5c%75%30%30%36%31%5c%75%30%30%36%34%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%36%32%5c%75%30%30%36%66%5c%75%30%30%36%34%5c%75%30%30%37%39%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%32%5c%75%30%30%36%66%5c%75%30%30%36%34%5c%75%30%30%37%39%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%38%5c%75%30%30%37%34%5c%75%30%30%36%64%5c%75%30%30%36%63%5c%75%30%30%33%65%'));
    //-->
    </Script>


2. Download dan install Notepad++

3. Dari code Javascript Unescape di atas, ambil hanya code ini saja:


5c%75%30%30%33%63%5c%75%30%30%36%38%5c%75%30%30%37%34%5c%75%30%30%36%64%5c%75%30%30%36%63%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%36%38%5c%75%30%30%36%35%5c%75%30%30%36%31%5c%75%30%30%36%34%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%37%34%5c%75%30%30%36%39%5c%75%30%30%37%34%5c%75%30%30%36%63%5c%75%30%30%36%35%5c%75%30%30%33%65%5c%75%30%30%34%64%5c%75%30%30%37%39%5c%75%30%30%32%30%5c%75%30%30%35%30%5c%75%30%30%36%31%5c%75%30%30%36%37%5c%75%30%30%36%35%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%37%34%5c%75%30%30%36%39%5c%75%30%30%37%34%5c%75%30%30%36%63%5c%75%30%30%36%35%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%38%5c%75%30%30%36%35%5c%75%30%30%36%31%5c%75%30%30%36%34%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%36%32%5c%75%30%30%36%66%5c%75%30%30%36%34%5c%75%30%30%37%39%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%32%5c%75%30%30%36%66%5c%75%30%30%36%34%5c%75%30%30%37%39%5c%75%30%30%33%65%5c%75%30%30%30%61%5c%75%30%30%33%63%5c%75%30%30%32%66%5c%75%30%30%36%38%5c%75%30%30%37%34%5c%75%30%30%36%64%5c%75%30%30%36%63%5c%75%30%30%33%65%

Copy dan paste-kan ke Notepad++


4. Setelah Anda paste ke Notepad ++, tekan tombol CTRL+F lalu pilih tab Find. Pada bagian Find what, ketik: %. Pada bagian Replace with, tekan tombol keyboard space 1x. Untuk lebih jelasnya lihat gambar:
Cara Decode Javascript Unescape dan Unicode Characters 
Demikianlah cara decode Javascript Unescape dan Unicode Characters, selamat mencoba dan semoga bermanfaat.
SeeYou..

Software perekam layar komputer terbaru

Sudah sering sekali kita melihat tutorial mengenai berbagai macam cara untuk membuat penjelasan tentang sesuatu hal yang kita jelaskan agar lebih mudah dipahami oleh orang lain. Salah satunya dengan cara merekam aktifitas layar monitor komputer itu sendiri.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQoTXRkC87Kor7mUVUp6RC-NeEqEOpjAP83SbKGV5ZsEYp6FlTdgF4gd6x1FwxVa9rljR50La1IacdeH3YkO-a8y0veT0D9f6AN7s_05iZACCFDGYmeNdYNgMRF3t2LZ4D_vmR7A8KF0/s1600/App+Screen+Recorder.jpg

Saya sudah sering kali menggunakan berbagai macam bentuk software perekam terbaik yang pernah saya coba. Oleh karena itu dikesempatan ini saya akan membagikan beberapa software perekam aktifitas monitor terbaik yang pernah saya coba.
Diantaranya:



Cam Studio

http://camstudio.org/images/software.gif
CamStudio merakam semua aktifitas desktop baik suara dari mic ataupun dari komputer anda, hasil dari record/capture CamStudio adalah AVI dan .swf yang sangat cocok untuk anda jadikan sebagai alat presentasi atau tutorial pada site (streaming video)




Jing

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhVdONr_i8mHFqWx8tv1xrwi6Ol9eyEeA-xbJMOlDEdakAcP5sDMV5Ucmhn2j9awEAV7nx0yUeKym68Re17IBBvVxQt2r65kRhzM4bnRDQYSYwU8PSsSqNd3RBp3V10qRb3ZBqWtpzFEBM/s1600/2.jpg
Jing screenshot dan screen cast video capture merekam aktifitas layar komputer/ desktop dengan fitur kemudahan berbagi (upload) dan fitur editing standar untuk melengkapi pesan ayang andai nginkan pada video tutorial atau presentasi anda 





Bandicam

http://www.bandicam.com/support/screenshot/video-format-settings.png
Bandicam untuk anda yang butuh kualitas video yang mendekati aslinya, kemampuan Bandicam jauh lebih baik dibandingkan (fraps) dalam hal merekam/record/screencast video desktop untuk dijadikan video tutorial ataupun presentasi.




PlayClaw

https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSTT7J73jK0vpcUhNvls_g9umaLI8nKu1u-RnX7v06SqkP1Ux1F
PlayClaw video screencast/ rekam/capture untuk gamers yang ingin unjuk kemampuan atau trik cara memainkan atau memenangkan sebuah game, PlayClaw dibuat khusus untuk para gamer yang ingin berbagi tips dan trik dalam memenangkan sebuah permainan game line ataupun online. 






ActivePresenter

http://10file.com/wp-content/uploads/2012/07/active-presenter.jpg
ActivePresenter fitur cukup lengkap untuk sebuah software screencast rekam capture edit video, sound, pada desktop, dengan software ini kebutuhan anda membuat video tutorial/ presentasi produk akan jadi lebih mudah dan lebih interaktif , ActivePresenter juga memiliki pilihan export file yang lengkap (flash,avi,html,mpg dll)





Ezvid

http://10file.com/wp-content/uploads/2012/07/Ezvid.jpg
Ezvid bukan sekedar video screen recor/capture/rekam saja namun lengkap dengan editing video juga, buat and yang mencari software screen cast untuk presentasi atau buat video tutorial program ini cocok untuk anda coba dan jajal kemampuannya, sayangnya besar filenya cukup menguras koneksi internet anda. 






HyperCam

http://www.hyperionics.com/img/hypercam1.jpg
HyperCam merakam aktifitas dekstop dan menyimpannya dalam bentuk AVI , suara dari microphone atau dari komputer anda dapat direkam dengan jelas namun HyperCamtidak support untuk merekam video dari ( yang dihasilkan) media player seperti windows media player, KMP, VLC dll 



Itulah beberapa yang dapat saya berikan mengenai beberapa software perekam layar komputer terbaik. Semoga bermanfaat :)
See You Next Time!


Sunday, 28 June 2015

Script Login Sederhana dengan PHP dan MySQL terbaru 2015



Assalamualaikum :)
Apa kabar anda hari ini?
Semoga masih diberikan kesehatan dan dapat menerima berbagai ilmu dan wawasan di kesempatan yang baik kali ini.

Kali ini saya akan membahas tentang:
http://www.aonorizal.esy.es/wp-content/uploads/2014/04/phpmysql.jpg

atau yang lebih tepatnya saya akan membahas script login sederhana.
Langsung saja kita ke langkah pertama:


STEP 1.

Pertama kita harus membuat sebuah database baru dulu , misalnya kita membuat database menggunakan nama latihan 


Jika sudah membuat databse tadi kemudian buat table baru , untuk table baru ini kita beri nama userlogin dan banyak kolom nya itu 3



Jika sudah kemudian atur pengaturan kolom table nya seperti ini 
Id : type = int , length/value=10 , Null , index = PRIMARY , A I 
User : type = Varchar , length/value = 225
Password : type = Varchar , length/value = 225
Jika sudah kemudian kita masukan langsung data nya dengan cara klik menu insert di menu bar phpmyadmin nya , lihat gambar di bawah ini



lalu mencul form isian seperti di bawah ini


Untuk baris id di kosongkan saja karena nanti akan diisi secara otomatis , dan untuk baris user diisi admin saja , dan untuk baris pass diisi admin juga dan di tambahkan enkripsi MD5
STEP 2
Nah tadi kita sudah membuat database beserta tablenya sekaligus mingisinya, sekarang kita buka dulu sebuah text editor , bisa notepad++ , sublimet text 2, dreamweaper atau sebagainya . Tetapi kali ini saya akan menggunakan sublime text 2 : begini tampilan sublime text 2 nya .


Sebelum kita memulai ngoding saya sarankan anda membuat sebuah folder baru dulu di htdocs dengan nama folder LATIHAN dan di dalam folder LATIHAN itu anda buat folder baru lagi dengan nama latihan_login1 , seperti ini , 


Nah jika folder latihan_login1 dan software text editor anda sudah siap , sekarang saatnya kita ngoding script loginnya.
Oke , buat langsugn dokumen baru dan ketik kode di bawah ini
<?php
Mysql_connect("localhost","root",""); //mengkoneksikan dengan host
Mysql_select_db("latihan"); //memilih database
?>
Dan kemudian simpan di folder tadi dengan nama config.php file config.php ini akan kita gunakan sebagai file untuk mengkoneksikan dengan database yang telah kita buat tadi.
Selanjutnya buat dokumen baru lagi dan beri nama index.php , jika sudah kemudian ketik kode di bawah ini :
<?php
session_start();
if(!$_SESSION["username"] or !$_SESSION["password"]){
header("location:login.php"); //jika session username atau password tidak ada maka alihkan ke halaman login
}else{
//jika kedua session itu lengkap maka tampilkan halaman index ini
?>
<!DOCTYPE html>
<html>
<head>
<title>Selamat datang</title>
</head>
<body>
 <center>SELAMAT DATANG KAWAN , ANDA SUDAH BERHASIL LOGIN....
<br/> <a href="logout.php">Logout</a>
</center>
</body>
</html>
<?php
}
?>
File index.php ini akan kita gunakan sebagai halaman yang jika kita berhasil login nanti kita akan di alihkan ke halaman ini.
Setelah anda simpan , kemudian anda buat dokumen baru lagi dan beri nama login.php lalu anda ketik kode dibawah ini 
<?php
include("config.php");
session_start();
if(@$_SESSION["username"] or @$_SESSION["password"]){
header("location:index.php"); //jika session username atau password ada maka alihkan ke halaman index
}else{
//jika kedua session itu tidak ada maka tampilkan halaman login ini
?>
<!DOCTYPE html>
<html>
<head>
<title>Logi dulu bro</title>
</head>
<?php
//PROSES LOGIN
if(@$_POST["tombol"]){
$user = $_POST["user"];
$pass = md5($_POST["pass"]);
$cek = mysql_query("select*from userlogin where user='$user' and pass='$pass' LIMIT 1");
$hit = mysql_num_rows($cek);
if($hit < 1){
echo"
<script>
alert('MAAF LOGIN GAGAL');
history.back();
</script>
";
}else{
$_SESSION["username"] = 1;
$_SESSION["password"] = 1;
header("location:index.php");
}
}
?>
<body>
 <center>
  <form name="fform" action="" method="post">
  <h3>Login user</h3>
  Username : <input type="text" name="user"/> <br/>
  Password : <input type="password" name="pass"/> </br>
  <input type="submit" value="login" name="tombol"/>
  </form>
 </center>
</body>
</html>
<?php
}
?>
dan jika anda mengikuti tutorial ini dengan benar , maka beginilah hasilnya :

tampilan ketika di form login


hasil jika sukses login

UPDATE : 
nah untuk proses logout nya , anda hanya perlu membuat file baru lagi bernama logout.php , dan ketik kodenya seperti di bawah ini :

<?php
session_start();

session_destroy(); //hancurkan semua session yang ada

?>
<script>
alert("Anda berhasil logout");
document.location.href="login.php"; //jika logout berhasil , alihkan ke halaman login
</script>

Finish!, mungkin itu dulu tutorial untuk kali ini , sampai jumpa di tutorial selanjutnya.
Lumayan mudah kan?
atau lumayan mumet? HAHA

Terus berusaha ya.. Pasti bisa..
OK itu dulu ya untuk kesempatan kali ini.
Good Luck Everyone!

New Tutorial Javascript 2015

Pada kesempatan yang baik kali ini saya akan membahas sedikit tentang yang namanya Javascript.
Agar kita lebih mengenal lagi seperti apa yg dimaksud script tersebut.



Javascript termasuk bahasa pemrograman yang sangat populer dan sangat mudah digunakan. Anda hanya memerlukan web browser terkini (Google Chrome, Safari, IE 9, Opera) dan text editor (Notepad++, TextMate). Namun jika Anda menginginkan editor untuk pemrograman JavaScript yang lebih advance dan tentunya mudah digunakan, saya menyarankan untuk menggunakan Microsoft Web Matrix (untuk Windows) atau Aptana IDE (untuk Windows, Linux dan Mac OS X).

Meletakkan JavaScript dalam file HTML

Anda akan membutuhkan HTML dalam penulisan kode Javascript pada halaman web. Berikut ini adalah HTML minimal yang Anda butuhkan untuk mengeksekusi kode JavaScript kita. File HTML akan selalu berekstensi .html, Anda dapat membuat file index.html seperti contoh di bawah ini.



 Ada cara lain yang lebih baik dalam meletakkan kode JavaScript, yaitu sebelum menutup body tag. Seperti ini.



Penulisan JavaScript

Kode JavaScript selalu menempel pada HTML dalam penggunaannya sebagai skrip pada web page. Untuk menggunakannya biasanya ditaruh dalam script tag. Ada dua cara penulisan JavaScript, pertama adalah menulisnya di dalam tag seperti contoh sebelumnya. Namun menulis seperti itu akan tercampur menjadi satu dengan tag HTML atau stylesheet lainnya, serta jika kode tersebut dibutuhkan di beberapa halaman web, maka akan menjadi pekerjaan yang berulang-ulang.
Cara kedua, yaitu dengan memasukkan JavaScript pada suatu file dengan ekstensi .js, contohnya pada skrip.js yang diisi dengan hanya kode JavaScript tanpa script tag dan menambahkan parameter src pada script tag. Jangan lupa untuk selalu menutup tagnya. Berikut ini contoh index.html.


Dengan memakai cara kedua akan memudahkan kita dalam menulis dan melakukan perubahan pada kode JavaScript kita. Hal ini juga memudahkan jika Anda memiliki banyak script, seperti framework dan plugin-pluginnya. Jika kode JavaScript Anda banyak dan besar ukurannya juga dengan mudah dapat di-minify supaya lebih cepat proses loading halaman webnya.

Sekian untuk kesempatan kali ini. Semoga bermanfaat untuk kita semua. Saya berharap mudah dipahami dan segera bisa anda praktekan.
Good Luck Everyone! 

Contact Us

Contact Form

Name

Email *

Message *

Published By thw911 Templates | Powered By Blogger