TwitterFacebookGoogle PlusLinkedInRSS FeedYoutubeEmail

Senin, 07 Januari 2013

Cara Me-resync / Menyinkronkan Subtitle

Bagi yang suka download film / movie dari internet pasti udah ga asing sama yang namanya subtitle. Kalau yang belum tau subtitle saya kasih tau dulu deh apa itu subtitle. Subtitle itu adalah teks terjemahan yang menyertai video biasanya terletak di bawah video.

Terkadang kalau kita download movie dari internet dan download subtitle-nya terpisah, subtitle suka kecepetan atau bahkan kelambatan. Kan sayang kalo harus download subtitle lagi. Apalagi kalau sub yang tadi udah bagus terjemahannya.

Nah, disini saya coba berbagi cara untuk menyinkronkan subtitle. Saya yakin banyak diantara kalian yang udah tau caranya. Tapi ga ada salahnya kan berbagi. Siapa tau ada yang masih belum tau. Cara yang biasa saya gunakan adalah menggunakan tool online untuk resync subtitle.

Tapi tool online untuk menyinkronkan subtitle ini hanya untuk subtitle yang ber-ekstensi .SRT. Caranya sangat mudah tinggal kunjungi web-nya disini : http://subshifter.bitsnbites.eu/. Kalau udah masuk, seharusnya ada tampilan berikut ini:

Masukkan subtitle yang mau di sinkronkan ke form nomor 1. Lalu pada bagian Time Shift sesuaikan dengan waktu yang diinginkan. Misalnya subtitle-nya terlalu cepat satu detik, maka masukkan +1.0. Silahkan sesuaikan sendiri. Jika sudah klik resync. Setelah di-klik resync, maka akan langsung mendownload subtitle yang telah di resync.

Kalau tidak mau menggunakan tool online, sebenarnya setiap media player ada fitur untuk memperlambat atau mempercepat subtitle. Media player yang saya gunakan adalah mpc (media player classic). Untuk MPC ini, tinggal gunakan tombol F1 untuk mempercepat subtitle dan tombol F2 untuk memperlambat. Namun, kadang ada juga subtitle yang tidak bisa dipercepat / diperlambat dengan menekan tombol tersebut. Makanya saya gunakan tool online ini.

Begitulah cara yang singkat ini. Mudah"an membantu bagi yang belum tau. Untuk cara pemakaiannya tinggal ganti nama file subtitle-nya dengan nama yang sama dengan video. Atau dengan cara men-drag subtitle ke video yang sedang dimainkan. Atau bisa juga di-mux menggunakan tool mkvmerge. Kalau subtitle sudah di mux, kalian boleh menghapus file subtitle-nya karena subtitle sudah digabungkan dengan video. Kalau ingin dipisahin lagi, gimana?? tinggal ekstrak menggunakan mkvextractGUI. Cari aja software-nya di google.

Selesai..

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 10.09

Sabtu, 29 Desember 2012

Memasang Widget Recent Comments Intense Debate

Intense debate menyediakan layanan sistem komentar untuk website ataupun blog. Dan menurut saya kotak komentar menggunakan intense debate cukup bagus. Selain dari segi tampilannya yang elegan, loading-nya pun cepat. Dan ketika memberikan komentar-pun, loading-nya tidak satu halaman, tetapi hanya bagian komentar saja.

Pada kesempatan kali ini, saya mau berbagi tentang bagaimana cara memasang widget recent comment / komentar terbaru yang menggunakan intense debate ini. Walaupun cara ini cukup mudah, namun barangkali ada yang belum tahu maka saya kasih tutorialnya disini.

1. Masuk ke website intense debate disini

2. Pada menu navigasi di atas masuk ke bagian Extras.

3. Pada bagian Add Ons (sebelah kiri) klik Widget


4. Disana ada widget "Latest Comment Widget". Klik Install this Widget Now.


5. Selanjutnya silahkan masukkan nominal jumlah komentar yang ingin ditampilkan. Setelah itu copy script-nya.


6. Masuk ke blogger lalu ke bagian Tata Letak dan tambah widget HTML / Javascript. Paste-kan script yang tadi di copy.

7. Selesai.. Lihat blog dan seharusnya sudah ada recent comment dengan intense debate di sidebar / footer. Tergantung kalian memasangnya dimana.

Sekian untuk artikel kali ini mudah-mudahan bermanfaat. Aamiin.

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 08.35

Selasa, 25 Desember 2012

Membuat Jendela Konfirmasi ketika Menghapus Data di Database

Masalah ini sebenarnya saya sendiri mengalaminya. Saya coba menampilkan data di database di browser dalam bentuk tabel. Nah, ketika itu saya ingin menambahkan field / kolom aksi untuk setiap data-nya. Aksi itu bisa berupa edit maupun delete. Namun disini saya fokuskan untuk membuat aksi delete.

Konfirmasi yang saya maksud adalah munculnya kotak / jendela konfirmasi ketika meng-klik tombol delete. Contohnya, ketika tombol delete di klik, maka muncul dialog box yang bertuliskan "Are you sure you want to delete this data?". Jika diklik OK maka data akan dihapus, dan jika diklik Cancel maka tidak jadi dihapus. Seperti itulah maksudnya. Berikut contoh screenshotnya:

Setelah saya browsing. Akhirnya saya menemukan caranya di sebuah forum. Sebenarnya caranya sangat mudah. Tinggal tambahkan javascript di bawah ini dalam tag <a>
onclick="return confirm('Apakah anda yakin akan menghapus data ini?')"
Anda bisa mengganti kalimat Apakah anda yakin akan menghapus data ini? dengan kalimat lain.

Meskipun sudah saya kasih tahu caranya seperti di atas, saya ingin membahasnya dengan cukup lengkap dari awal supaya lebih jelas. Pertama buat database. Disini saya membuat database dengan nama example. Selanjutnya buat tabel. Saya buat dengan nama contoh.
create table contoh (
id int(10) not null auto_increment,
field1 varchar(50) not null,
field2 varchar(50) not null,
primary key(id)
);

Setelah pembuatan tabel, isi tabel tersebut dengan sembarang data. Selanjutnya buat file php yang mengkoneksikan ke database. Simpan saja file tersebut dengan nama koneksi.php. Berikut script-nya<:
<?php
 $host = "localhost";
 $username = "root";
 $password = "";
 $database = "example";

 $connect = mysql_connect($host,$username,$password);
 mysql_select_db($database,$connect);
?>

Kemudian buat file php yang menampilkan data dari database. Saya beri nama file tersebut dengan tampil.php. Berikut script-nya:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tampilan data</title>
</head>

<body>
<center>
<?php
include("koneksi.php");
$no = 1;
$sql="SELECT * FROM contoh";
$hasil=mysql_query($sql);

echo "<table border='1'><tr><th style='padding:5px;'>No.</th><th>Field1</th><th>Field2</th><th>Aksi</th></tr>";
if($hasil){
 while($baris=mysql_fetch_array($hasil)){
  echo"<tr><td style='padding:5px;'>".$no.".</td><td>".$baris['field1']."</td><td>".$baris['field2']."</td>";?>
  <td><a href="<?php echo "aksi.php?id=$baris[id]";?>" onclick="return confirm('Apakah anda yakin akan menghapus data ini?')">Hapus</a></td>
  <?php $no++;}
 echo "</tr></table>";
}
else {
 echo "gagal menampilkan data";
 }
?>
</center>
</body>
</html>

Nah, jika file tersebut sudah dibuat, coba buka di browser apakah data-nya bisa ditampilkan atau tidak. Jika data sudah bisa ditampilkan, maka kira-kira tampilannya seperti ini:

Pada kolom paling kanan, terdapat link dengan tulisan "Hapus". Seperti terlihat pada script, link tersebut mengarah ke aksi.php. Berikut ini adalah isi dari file aksi.php:
<?php
include "koneksi.php";

$id = $_GET['id'];
$query = "DELETE from contoh WHERE id='$id'";
mysql_query($query);
header("location:tampil.php");

?>

File aksi.php tersebut berfungsi menghapus data yang ada di database.

Selesai.. Mudah-mudahan artikel yang singkat ini bisa berguna.

Download source code : Disini

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 21.34

Senin, 17 Desember 2012

Yo.. Berburu Alexa Rank

Yosh.. Beberapa hari yang lalu aku baru saja membereskan perbaikan pada blog ini. Maklumlah blog ini merupakan blog pindahan dari blogku sebelumnya di www.netfaris.co.cc.

Blog itu sudah tidak bisa digunakan lagi dikarenakan server domain .co.cc yang sudah mati. Dan masalahnya blog itu tidak menggunakan platform blogger tapi pake wordpress self-hosted yang berhosting di 000webhost. Karena bukan dari blogger, jadi ga bisa balik ke URL lama. Kalo awalnya dari blogger kan tinggal ganti ke alamat sebelumnya aja.

Akhirnya aku bikin blog baru deh. Ini dia blognya. Tapi sayangnya blog ini belum masuk alexa rank alias rank-nya masih "no data". Padahal di blog sebelumnya lagi semangat-semangatnya nge-blog. Dari alexa rank yang 18 Jutaan sampe akhirnya ranknya berhasil mencapai 3 Juta sekian. Pas lagi grafiknya menanjak, eh malah server .co.cc mati. Dan tampaknya tidak akan pernah hidup kembali.

Makanya sekarang aku lagi berburu alexa rank supaya mudah diindex google (walopun page rank lebih ampuh untuk hal ini) dan terlihat lebih keren. Hahaha :D

Lalu bagaimana supaya mendapatkan alexa rank dengan cepat?
Aku juga kurang ahli soal ini. Tapi yang aku lakukan cuma blogwalking aja ke blog-blog yg ada chatbox / shoutbox-nya. Meninggalkan jejak. Terus katanya kalo masang alexa toolbar juga tambah cepat mendapatkan alexa rank-nya.

Yah mudah-mudahan seiring berjalannya waktu blog ini bisa mendapatkan alexa rank-nya. Yosh sekian dulu ah.

Selesai..

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 15.03

Jumat, 14 Desember 2012

Meletakkan Arsip Wordpress dalam Scroll

Arsip merupakan sesuatu yang cukup penting menurut saya. Dengan adanya arsip kita bisa melihat postingan – postingan kita yang sudah lama misalnya.. Arsip yang dimaksudkan disini adalah seperti yang ada di sidebar-footer kanan blog ini. Semakin kita sering posting tentu semakin banyak arsipnya.

Contoh di blog ini agar arsipnya tidak terus panjang ke bawah, maka disini saya akan memberikan tips untuk meletakkan arsip yang perbulanan itu ke dalam scroll. Tapi cara ini hanya untuk wordpress self-hosted.

1. Pasang plugin exec-php. Download disini

2. Jika sudah, aktifkan plugin tersebut.

3. Setelah aktif masuk ke bagian widget.

4. Tambahkan widget text dan isi dengan script berikut:
<div style="height:300px;width:275px;border:none; overflow:auto; margin-left:-30px;">
<ul>
<?php wp_get_archives('show_post_count=true'); ?>
</ul>
</div>

Script get archives di atas akan menampilkan nama bulan dan jumlah posting yg ada di bulan tersebut. Untuk opsi selengkapnya bisa dilihat disini. Width dan Height untuk scroll juga bisa diatur sesuai keinginan sendiri.

5. Selesai.. Arsip blog sudah berada dalam scroll

Jika ada yg tidak mau menginstalkan plugin exec-php. Masih ada cara yaitu langsung masukan script wp_get_archive di atas ke sidebar.php yang ada di theme kamu.

Mudah"an artikel yang sedikit ini bisa bermanfaat.

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 19.38

Selasa, 30 Oktober 2012

Memasukkan Record ke Banyak Tabel dari Satu Form

Hari ini saya mau berbagi tips untuk memasukkan data (record) ke banyak tabel atau istilahnya multiple table dari satu form. Contoh saya buat kasus seperti ini:

Saya misalkan di sebuah website ada kolom feedback dari pengunjung. Nah, pada bagian feedback pengunjung ini saya misalkan ada 4 form yang harus diisi.
1. Form Nama
2. Form Email
3. Form Subjek
4. Form Pesan / Masukan

Form ke 1 dan 2 ingin saya masukan ke tabel 'pengunjung'. Lalu form ke 3 dan 4 saya masukan ke tabel 'feedback'.
Seperti itulah kasusnya. Nah sekarang langsung ke langkah-langkahnya:
1. Buat database dengan nama bebas. Disini saya buat dengan nama "Tes"
2. Buat tabel "pengunjung" dan "feedback" pada database yang telah dibuat tadi. Saya anggap sudah bisa dalam pembuatan tabel ini..
3. Pada tabel pengunjung buat 3 field, yaitu "id", "nama" dan "email"
4. Pada tabel feedback buat 3 field juga, yaitu "id", "subjek", dan "pesan"
5. Jika sudah buat tabel, sekarang ke pembuatan formnya. Buat dengan nama 'form.html' dengan script seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Feedback</title>
</head>

<body style="margin:50px 25% 0px 25%;">
 <h1>Feedback</h1>
 <form method="post" action="pengolah.php">
       Nama <br><input name="nama" type="text" size="50"><br><br>
    Email <br><input name="email" type="text" size="50"><br><br>
    Subjek <br><input name="subjek" type="text" size="50"><br><br>
    Pesan <br><textarea name="pesan" style="height:250px; width:675px;"></textarea><br><br>
    <p style="text-align:right;"><input type="submit" value="Kirim Pesan"></p></form>
    </form>
</body>
</html>


6. Setelah form dibuat maka sekarang buat file php yang mengkoneksikan ke database dan memasukkan datanya. Karena pada script form diatas actionnya ke "pengolah.php", maka kita buat file php ini dengan nama "pengolah.php". Berikut scriptnya:
<?php

// koneksi ke database
$user = 'root';
$pass = '';
$dbh = new PDO ('mysql:host=localhost;dbname=tes', $user,$pass);

// Memberi variabel pada data yg didapat dari form
$nama = $_POST["nama"];
$email = $_POST["email"];
$subjek = $_POST["subjek"];
$pesan = $_POST["pesan"];

// kondisi jika salah satu form ada yang tidak diisi
if ($nama == "" || $email == "" || $subjek == "" || $pesan == "") {echo "ada yg belum diisi";}

// kondisi selain if di atas
else {
 $sql = "INSERT INTO pengunjung (nama,email) VALUES (:nama,:email)"; // Perintah memasukkan nama dan email ke tabel pengunjung
 $stmnt = $dbh->prepare($sql);
 $stmnt->execute(array(':nama'=>$nama,':email'=>$email));
 $sql2 = "INSERT INTO feedback (subjek,pesan) VALUES (:subjek,:pesan)"; // Perintah memasukkan subjek dan pesan ke tabel feedback
 $stmnt = $dbh->prepare($sql2);
 $stmnt->execute(array(':subjek'=>$subjek,':pesan'=>$pesan));
 echo "pesan telah terkirim";} // Tulisan yang ditampilkan jika sukses
?>

Disini saya menggunakan PDO untuk koneksi ke database-nya. Saya tidak akan menjelaskan PDO itu apa silahkan cari sendiri di google karena saya sendiri masih kurang mengerti mengenai PDO ini. Tapi yang saya ketahui PDO ini memliki kelebihan dibanding mysql* ataupun mysql_* yaitu lebih aman dari serangan SQL Injection dan juga fleksibel jika ingin pindah ke database yang lain.

Nah seperti itulah caranya memasukkan data dari satu form ke banyak tabel (disini 2 tabel)..

Semoga bisa membantu..

Download source code : disini

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 14.42

Sabtu, 20 Oktober 2012

Row Hover pada Tabel dengan CSS

Tutorial kali ini adalah tentang menghias tabel dengan css. Namun di artikel kali ini dikhususkan pada bagian row hover.
Apa maksudnya? Jadi begini, sebenernya masalah ini baru saja saya alami..

Saya buat tabel seperti biasa, dan hasil yang saya inginkan adalah ketika kursor mengarah ke salah satu record, maka seluruh record dalam row (baris) tersebut background-color nya berubah.. Namun yang saya dapatkan justru hanya satu record (dalam tag "td") saja yang berubah warna backgroundnya.
Lalu saya coba pada cssnya dengan menggunakan parameter:
tr:hover {background:#kodewarna}


Namun parameter di atas justru tidak menghasilkan apa - apa.. Setelah dicoba diulik akhirnya berhasil juga dengan script berikut:
tr:hover td {background:#kodewarna}


Jadi contoh script selengkapnya seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Row Hover pada Tabel dengan CSS</title>
</head>

<body>

<table id="rowhover">
<tr><th>Tabel Header 1</th><th>Tabel Header 2</th><th>Tabel Header 3</th></tr>
<tr><td>Record Baris Pertama</td><td>Record Baris Pertama</td><td>Record Baris Pertama</td></tr>
<tr><td>Record Baris Kedua</td><td>Record Baris Kedua</td><td>Record Baris Kedua</td></tr>
<tr><td>Record Baris Ketiga</td><td>Record Baris Ketiga</td><td>Record Baris Ketiga</td></tr>
<tr><td>Record Baris Keempat</td><td>Record Baris Keempat</td><td>Record Baris Keempat</td></tr>
</table>

<style type="text/css">
#rowhover {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; line-height:1.4em; padding:4px; margin:0px; border:1px solid #999; border-collapse:collapse; border-spacing:0px;}
#rowhover th {background:#999; padding:10px; color:#000;}
#rowhover td {padding:10px; text-align:left;}
#rowhover tr:hover td {background:#CCCCCC;}
</style>

</body>
</html>


Download source code : disini

Jadi seperti itulah tips membuat hover pada satu baris dengan css.. Jika ingin tampilan lebih cantik silahkan di edit saja css-nya..

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 20.02

Sabtu, 13 Oktober 2012

Masalah audio di windows xp service pack 3


Dari judul di atas mungkin ada pertanyaan seperti ini: Hari gini masih pake xp??
Mungkin pertanyaan seperti itu memang benar. Apalagi sekarang udah jaman windows 7. Malah sebentar lagi tanggal 26 Oktober nanti Microsoft secara resmi bakal merilis Windows 8.

Yap, Kembali ke judul.. Jadi apa sih maksud dari judul di atas??
Jadi gini.. Pertama kali aku nemu kasus ini waktu diminta temen install ulang komputernya. Itu sekitar 2 tahun lalu kalo ga salah. Jadi setelah install windows nya beres, aku install driver-drivernya. Nah ternyata setelah install driver audionya masih aja belum keluar suara si windowsnya itu.
Karena merasa aneh, aku coba uninstall si driver audionya itu lalu install lagi. Tapi hasilnya tetap sama saja. Karena sudah menyerah, akhirnya aku coba browsing. Akhirnya nemu blog yang ngejelasin kasusnya. Aku coba caranya dan berhasil. Ya karena sudah berhasil ya sudah deh..

Tapi beberapa hari yang lalu aku diminta menginstalkan xp sp3 lagi di laptop orang. Dan kasusnya sama, audionya ga keluar padahal udah diinstal drivernya. Karena caranya sudah lupa jadi browsing lagi. Dan ga tau apa keywordnya waktu itu jadi susah browsingnya walaupun akhirnya ketemu lagi blog itu yang tadi. Makanya sekarang aku post di blog-ku sendiri takutnya nanti dapet kasus kaya gini lagi jadi gampang nyarinya ga usah kemana - mana.

Jadi gini caranya bagi yang punya kasus seperti kasusku ini:
*Jika sebelumnya sudah menginstal driver audionya, sebaiknya diuninstall dulu

1. Download Microsoft UAA Patch disini
2. Jika sudah buka regedit dengan cara tekan tombol "Windows + R" lalu ketikkan "Regedit".
3. Masuk ke bagian ini: HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Windows
4. Klik 2x pada "CSDVersion"
5. Ganti yang asalnya valuenya 300 menjadi 200
6. Restart komputer
7. Install Microsoft UAA Patch
8. Ganti lagi CSDVersion menjadi 300
9. Restart komputer
10. Install driver audionya
11. Selesai

Jadi caranya seperti itu.. Mudah"an membantu buat yang punya masalah kaya gini

Kalo cara itu masih ga bisa coba kunjungi sumbernya disini

Posted by: Faris Arifiansyah Tulisan Faris, Updated at: 15.53