Nightwalker Team http://www.night-walker.org Official Site resmi Nightwalker Team , yang memberikan tutorial seputar web development , jaringan komputer , sistem operasi , disain grafis , programming dan artikel-artikel lainnya tentang free open source software Fri, 13 Jan 2012 23:04:05 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Installasi Add Ons Easy YouTube Video Downloader di Firefox http://www.night-walker.org/easy-youtube-video-downloader-di-firefox-windows.nw http://www.night-walker.org/easy-youtube-video-downloader-di-firefox-windows.nw#comments Fri, 13 Jan 2012 22:59:46 +0000 45sekope http://www.night-walker.org/?p=1400 Sebelumnya gebok mau minta maaf nih :P , soalnya udah lama gk update artikel… lagi sibuk ama kuliah yang gk kunjung kelar”.  Mungkin temen – temen udah pada tau kan ama situs yang satu ini youtube.com .  Soalnya belom lama ini gw pengen download lagu tapi gak ada referensi. jadi langsung aja dah nge-gunain hotkey paling keren di browser (” versi gw”) ctrl+T  :p setelah tab barunya kebuka masukin nih url ” youtube.com ” ke address bar buat cari lagu nya, tapi masalah gw belom selesai soalnya kalo mau nyari referensi lagu dari youtube dan nyari url buat download dari google lumayan capek juga mondar – mandirnya :( ,  tanya” ama mbah google dapet deh add ons keren Easy YouTube Video Downloader yang bisa langsung download mp3 dari video youtube yang kita play. udah cukup penjelasanya kalo ada yang salah ato kurang gw minta maaf :D .
kalo gitu langsung aja ke TKP.

install add ons  Easy YouTube Video Downloader di Firefox
langkah pertama kita buka dulu nih link

https://addons.mozilla.org/id/firefox/addon/easy-youtube-video-downl-10137/

kalo udah kelar klik “add to firefox “nya
lanjut meneh langkah kedua adalah memberi izin

klik allow agar bisa maju ke langkah selanjutnya
tunggu ampe window installernya keluar

kalo udah kelar install nya restart firefoxnya.
tinggal buka deh youtube

Selamat menikmati Easy YouTube Video Downloader di Firefox nya
Saya 45sekope Salam Lemper….

]]> http://www.night-walker.org/easy-youtube-video-downloader-di-firefox-windows.nw/feed 0 Membangun Aplikasi Sms Berbasis Web [Part 2] http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part2.nw http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part2.nw#comments Wed, 14 Dec 2011 16:25:51 +0000 uzuma http://www.night-walker.org/?p=1367 Beberapa waktu lalu kita telah membahas cara “Membangun Aplikasi SMS Berbasis Web“.
Disini kita melanjutkan pembuatan aplikasi SMS kita , disini kita akan mencoba membuat halaman Tulis Pesan, Pesan Masuk, dan Pesan Terkirim.
Buatlah sebuah folder di Xampp-htdocs dengan nama sesuka Anda.
Selanjutnya kita buat file koneksi.php simpan di folder yang Anda buat tadi.

 

<?php
$host    = "localhost";
$user    = "root";
$pass    = "";
$database = "sms";
mysql_connect($host,$user,$pass);
mysql_select_db($database);
?>

Kemudian Anda buat file tulis_pesan.php adapun skipnya seperti dibawah ini..

<html>
<head>
<title> Pesan Single </title>
<script>
function Count(){
var karakter,maksimum;
maksimum = 160
karakter = maksimum-(document.form1.isi_pesan.value.length);
if (karakter < 0) {
alert("Jumlah Maksimum Karakter:  " + maksimum + "");
document.form1.isi_pesan.value = document.form1.isi_pesan.value.substring(0,maksimum);
karakter = maksimum-(document.form1.isi_pesan.value.length);
document.form1.counter.value = karakter;
}
else {
document.form1.counter.value =  maksimum-(document.form1.isi_pesan.value.length);
}
}
</script>
</head>
<body>

<form name="form1" method="post" action="proses_tulis.php">
<h3> Kirim Pesan Single </h3>
<table width="800" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="100"> Nomor Tujuan </td><td width="10"> : </td>
<td><input name="hp" type="text" size="20"></td>
</tr>
<tr valign="top">
<td> Isi Pesan </td><td> : </td>
<td>
<textarea name="isi_pesan" cols="40" rows="7" OnFocus="Count();"
OnClick="Count();" onKeydown="Count();" OnChange="Count();"
onKeyup="Count();"></textarea>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td><input name="counter" type="text" size="5" maxlength="5" value="160" /></td>
</tr>
<tr>
<td><input type="submit" value="Kirim Pesan" /></td>
</tr>
</table>
</form>
</body>
</html>

Lihat pada contoh tulis_pesan.php skrip <form name=”form1″ method=”post” action=”proses_tulis.php”> action dari form tersebut bahwa setelah button kirim pesan diklik maka akan menuju proses_tulis.php jadi kita akan membuat file dengan nama proses_tulis.php untuk proses pengiriman pesan kita. Adapun skripnya seperti ini.

<?php
include "koneksi.php";
$hp = $_POST['hp'];
$isi_pesan = $_POST['isi_pesan'];

$masuk = mysql_query("insert into outbox (InsertIntoDB,SendingDateTime,DestinationNumber,TextDecoded,SendingTimeOut,DeliveryReport,CreatorID)
values (sysdate(),sysdate(),'$hp','$isi_pesan',sysdate(),'yes','system')");
if ($masuk){
echo "<h4> Pesan Dikirim </h4>";
}
else {
echo "<h4> Pesan gagal dikirim </h4>";
}
?>

Jika selesai maka buka browser Anda dengan mengetikkan localhost/sms/tulis_pesan.php dan tampilannya seperti gambar dibawah ini.

Selanjutnya kita akan membuat halaman pesan masuk , buatlah file pesanmasuk.php seperti dibawah ini.

<link href="paging.css" rel="stylesheet" type="text/css">

<?
include "koneksi.php";
$sql = mysql_query("select * from inbox");
$hitung = mysql_num_rows($sql);

$offset = $_GET['offset'];

//Jumlah data yang ditampilkan per halaman
$limit = 5;
if (empty ($offset) ){
$offset = 0;
}
if ($hitung == 0){
echo "<br><font face=tahoma size=2><div align=center>Tidak Ada Pesan Masuk</div></font>";
}
else {
?>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="70%">
<tr >
<td height="30" width=100%>
<div align="left"><font size="3" face="tahoma">Semua Data Pesan Masuk (Inbox)<br></font>
<font face="tahoma" size="2">Jumlah Data : <?php echo "$hitung";?><hr color=#CCCCFF></font></div></td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" width="70%">
<tr bgcolor="#999999" align="center">
<td width="2%"><div align="center"><font size="2" face="tahoma" color="#FFFFFF">No</font></div></td>
<td width="20%"><div align="center"><font size="2" face="tahoma" color="#FFFFFF">Time</font></div></td>
<td width="18%"><div align="center"><font size="2" face="tahoma" color="#FFFFFF">Pengirim</font></div></td>
<td width="50%"><div align="center"><font size="2" face="tahoma" color="#FFFFFF">Isi Pesan</font></div></td>
<td><div align="center"><font size="2" face="tahoma" color="#FFFFFF"> Aksi </font></div></td>
</tr>
<?
echo "<div>";

if ($offset != 0){
$prevoffset = $offset - 5;
echo "<span><a href=pesanmasuk.php?offset=$prevoffset>Back</a></span>";
}
else {
echo "<span>Back</span>"; //cetak halaman tanpa link
}

//hitung jumlah halaman
$halaman = intval($hitung/$limit); //Pembulatan

if ($hitung%$limit){
$halaman++;
}
for ($i=1; $i<=$halaman; $i++) {
$newoffset = $limit*($i-1);
if ($offset != $newoffset){
echo "<a href=pesanmasuk.php?offset=$newoffset>$i</a>";
}
else {
echo "<span>".$i."</span>";//cetak halaman tanpa link
}
}

//cek halaman akhir
if (! (($offset/$limit) + 1 == $halaman) && $halaman !=1){
//jika bukan halaman terakhir maka berikan next
$newoffset = $offset + $limit;
echo "<span><a href=pesanmasuk.php?offset=$newoffset>Next</a></span>";
}
else {
echo "<span>Next</span>";//cetak halaman tanpa link
}
echo "</div>";
?>
<?
$hasil = mysql_query("select * from inbox limit $offset,$limit");
$k = 1 + $offset;
while($data = mysql_fetch_array($hasil)){
echo"
<tr valign=top>
<td height=24><div align=center><font size=2 face=tahoma>$k</font></div></td>
<td><div align=center><font size=2 face=tahoma>$data[UpdatedInDB]</font></div></td>
<td><div align=center><font size=2 face=tahoma>$data[SenderNumber]</font></div></td>
<td><font size=2 face=tahoma>$data[TextDecoded]</font></div></td>
<td><div align=center><font size=2 face=tahoma><a href='hapuspesanmasuk.php?id=$data[ID]'> Hapus</a></font></div></td>
</tr>
";
$k++;
}
echo"</table>";
}
?>

Kemudian buat paging.css untuk tampilan pagingnya.

div.paging {
padding:2px;
margin:2px;
text-align:left;
font-family:Tahoma;
font-size:12px;
}

div.paging a{
padding:2px 5px 2px 5px;
margin-right:2px;
border:1px solid #DEDFDE;
text-decoration:none;
color:#0061DE;
}

div.paging a:hover{
border:1px solid #2B66A5;
color:#000000;
background-color:#FFFF80;
}

div.paging span.current{
padding:2px 5px 2px 5px;
margin-right:2px;
border:1px solid navy;
font-weight:bold;
background-color:#2E6AB1;
color:#FFFFFF;
}

div.paging span.disabled{
padding:2px 5px 2px 5px;
margin-right:2px;
border:1px solid #999999;
color:#999999;
}

div.paging span.prevnext{
font-weight:bold;
}

Dan yang terakhir kita akan membuat file dengan hapuspesanmasuk.php

<?php
include "koneksi.php";
$id = $_GET['id'];

$hapus = mysql_query("delete from inbox where ID='$id'");
if ($hapus){
echo "<h4> Pesan Berhasil Dihapus </h4>";
}
else {
echo "<h4> Pesan Gagal Dihapus </h4>";
}
?>

Jika semua selesai lihat dibrowser Anda tampilannya seperti ini.

Mudah bukan ? sekarang kita akan membuat Pesan Terkirim (sentitems)
Buka file pesanmasuk.php cari semua tulisan pesanmasuk.php dan ganti dengan pesanterkirim.php dan cari tulisan hapuspesanmasuk.php dan ganti dengan hapuspesanterkirim.php setelah semua diganti maka save as dengan nama pesanterkirim.php
Kemudian buka file hapuspesanmasuk.php dan cari skrip $hapus= mysql_query (delete from inbox where ID=$id); ubah menjadi $hapus= mysql_query (delete from sentitems where ID=$id); jika selesai save as dengan hapuspesanterkirim.php

Gambar tampilan pesan terkirim, selesaii . kita telah berhasil membuat halaman tulis pesan , inbox , dan sentitems. Maaf saya tidak bisa mempraktekkan pengiriman pesan karena modem yang dipake buat artikel part 1 udah diambil yang punya , hahaha (ketauan minjem) tapi percaya aja kok , ini berhasil :D , ntar kita lanjut lagi yaaa… dadahhh.. masih banyak kerjaan lain xD~~

]]> http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part2.nw/feed 4 Membuat Tooltip dengan JQuery clueTip http://www.night-walker.org/membuat-tooltip-dengan-jquery-cluetip.nw http://www.night-walker.org/membuat-tooltip-dengan-jquery-cluetip.nw#comments Wed, 07 Dec 2011 12:07:59 +0000 bufferdie http://www.night-walker.org/?p=1360 Selamat malam, pagi, siang ataupun sore..! jumpa lagi bersama saya di Tutorial Web Development. Pada Tutorial Web Development kali ini penulis akan membahas bagaimana “Membuat Tooltip dengan JQuery clueTip“. Sebelum kita melangkah dan melompat lebih jauh, penulis akan menjelaskan terlebih dahulu apa itu Tooltip. Tooltip adalah sebuah kotak atau box yang tampil ketika cursor/penunjuk mouse diarahkan ke suatu elemen pada halaman website.

Tooltip berguna untuk memberikan penjelasan atau deskripsi pada sebuah link, gambar atau bagian-bagian website lainnya.
Untuk lebih memperjelas contoh tentang tooltip… Silahkan anda lihat pada gambar di bawah ini :

Untuk dapat membuat Tooltip seperti pada gambar diatas, kita membutuhkan beberapa file yang dapat anda download di https://github.com/kswedberg/jquery-cluetip/downloads. Atau anda dapat langsung mendownload file contoh selengkapnya dari artikel ini , yang akan penulis berikan pada bagian penutup di akhir tutorial ini.

Berikut ini file-file yang dibutuhkan :
-jquery.cluetip.js
-jquery.hoverIntent.js
-jquery.cluetip.css

Ok, clueTip sudah anda download, kita dapat langsung mencoba meng-impelementasikan clueTip pada sebuah halaman web seperti contoh dibawah ini.
Silahkan anda buat file HTML dan berikut ini listing code nya :

<html>
<head>
<title>Belajar bikin tooltip gitu!</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" /></script>
<script type="text/javascript" src="jquery.cluetip.js" /></script>
<script type="text/javascript" src="jquery.hoverIntent.js" /></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.tips').cluetip();

$('#bufferdie').cluetip({
splitTitle: '|', // tanda | digunakan sebagai pemisah antara judul dan isi
showTitle: true // menampilkan heading clueTip
});
$('#gambar').cluetip({
splitTitle: '|',
showTitle: false // menyembunyikan heading clueTip
});
});
</script>
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />
<style type="text/css" />
body { background: #ccc; margin: 2%; }
a { color: #000; text-decoration: none; } a:hover { text-decoration: overline; }
</style>
</head>
<body>
<!-- menampilkan content tooltip dari file isitultip.html: -->
<p><a href="http://bufferdie.co.cc" rel="isitultip.html">Ini dia tooltip nya!</a></p>

<!-- menggunakan title untuk menampilkan content tooltip -->
<p><a id="bufferdie" href="http://bufferdie.co.cc" title="informasi penting!|ketampanan bfd telah diakui oleh berbagai kalangan. Berbagai kalangan telah mengakui ketampanan bfd.">Bufferdie</a></p>

<!-- menampilkan tooltip pada sebuah gambar tanpa menampilkan heading-->
<p><img id="gambar" src="bfd.jpg" title="ini bukan foto bfd lho! percaya ga? kalo ngga yasudah... :-q~~ ketampanan bfd telah diakui oleh berbagai kalangan... ketampanan bfd telah diakui oleh berbagai kalangan." /></p>

</body>
</html>

Pada code :

<a href="http://bufferdie.co.cc" rel="isitultip.html">Ini dia tooltip nya!</a>

content atau isi dari tooltip diambil dari file isitultip.html. Sedangkan pada code berikutnya content diambil dari attribute title pada tag a dan img.

Bagaimana? mudah bukan? tertarik untuk mencobanya? silahkan dikembangkan sesuai dengan kreativitas anda, panduan lengkap kostumisasi nya dapat anda lihat di http://plugins.learningjquery.com/cluetip/#options
Akhir kata, penulis ucapkan selamat mencoba.. dan sampai bertemu kembali pada tutorial2 berikutnya… ^_*

DOWNLOAD

]]> http://www.night-walker.org/membuat-tooltip-dengan-jquery-cluetip.nw/feed 1 Membangun Aplikasi Sms Berbasis Web [Part 1] http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part1.nw http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part1.nw#comments Sat, 03 Dec 2011 09:51:32 +0000 uzuma http://www.night-walker.org/?p=1352 Assalamualaikum Wr.wb.. Disini saya ingin berbagi sedikit cara pembuatan aplikasi SMS berbasis web. Sebelum kita memulai membuat aplikasi ini kita perlu menyiapkan sebuah handphone / mobile modem agar kartu sim kita bisa terhubung dengan PC. Kita juga perlu menyiapkan aplikasi xampp yang bisa Anda download secara gratis di sini http://www.apachefriends.org/en/xampp.html dan juga aplikasi gammu yang bisa anda download disini http://wammu.eu/download/gammu/ .

dan jangan lupa kita harus menginstall dreamweaver / notepad ++ untuk membantu pekerjaan kita.
jika semuanya sudah dipersiapkan mari kita memulai pelajaran kita.
Pertama – tama kita akan mencoba menginstall aplikasi web server (XAMPP) yang telah kita download tadi.

-klik dua kali pada aplikasi yang telah kita download tadi
-kita klik install , dan tunggu proses instalasi sampai selesai

ikuti saja perintah yang muncul disana jika sudah tutup saja jendelanya kita karena telah berhasil menginstall aplikasi xampp di PC kita..
Mudah bukan :) , langkah pertama sudah selesai mari kita lanjutkan langkah berikutnya..

Langkah selanjutnya kita akan menghubungkan Handphone / mobile modem kita ke PC. ada banyak tipe handphone / modem yang didukung oleh Gammu, anda bisa melihat di sini http://wammu.eu/phones
sebelum saya menjelaskan cara penggunaan gammu kita harus menginstall Driver Handphone / Modem yang akan kita gunakan terlebih dahulu disini saya menggunakan modem ZTE MF-627. setelah anda tancapkan USB modem kedalam komputer ataupun laptop secara otomatis komputer akan mengenali sebuah perangkat baru jangan lupa untuk memasukkan SIM Card kedalam modem kita.

jika jendela instalasi driver telah terbuka, maka silahkan lakukan instalasi program di windows seperti biasa. Kita tunggu sampai proses instalasi selesai, jika selesai maka akan tampil jendela instalasi berhasil dilakukan. klik tombol Finish. gambar dibawah ini merupakan user interface Mobile modem ZTE MF-627 :

instalasi driver sudah selesai , sekarang kita lanjut ke materi selanjutnya yaitu membaca port koneksi modem kita untuk kita koneksikan ke Gammunya.
sebelum kita melihat port kita buka dulu info koneksi modem di http://wammu.eu/phones/zte/


kemudian klik start – mycomputer “klik kanan” dan pilih “properties” , setelah itu pilih “hardware” dan klik pada “device manager”.
kemudian pada jendela device manager pilih “Modem” cari yang nama “zte proprietary USB Modem” klik kanan kemudian pilih “properties”.
pilih “modem” dan lihat Port kita pada contoh ini modem yang digunakan di Port “com14″ dan pada maximum port speed ubah menjadi “19200″ sesuai info yang kita dapat dari http://wammu.eu/phones/zte/ tadi..

oke sekarang kita akan memulai mengkonfigurasikan “Gammu” nya…
kita extract gammu yang telah kita download sebelumnya. setelah diextract kita masuk ke folder gammu tersebut dan masuk ke “share/doc/gammu/examples/config” , kita “COPY” file “Gammurc” dan “Smsdrc” ke dalam folder “E:\Gammu-1.30.0-Windows\bin” <- “contoh”

setelah kita copy kedua file tersebut kedalam folder bin , sekarang kita akan mengedit keduanya , pertama kita akan mengedit file “Gammurc” terlebih dahulu.  disini saya menggunakan “Notepad ++” klik kanan pada “gammurc” dan pilih “edit with notepad++” kita ubah “DEVICE = com14″ <- port yang kita dapat dari device manager tadi dan ubah “Connection = at19200″ <- yang kita dapat dari link sebelumnya.


jika selesai simpan , kemudian kita akan mengidentifikasi modem kita apakah sudah terbaca oleh gammu.
buka “command prompt” dan masuk kelokasi gammu kita tadi seperti gammbar dibawah ini


ketik “gammu –identify” dan enter , jika tampil tulisan seperti gambar diatas maka step ini berhasil :D ~~
lanjut ke step berikutnya yaitu mengedit file “smsdrc” nya. oh saya lupa sebelum mengedit file “smsdrc” nya kita harus mengimpor databasenya terlebih dahulu pertama kita jalankan aplikasi “XAMPP” nya  , dan buka browser Anda…

buka “localhost/phpmyadmin” seperti gambar dibawah ini dan buat database baru. disini saya membuat database dengan nama “sms”.
pada database sms kita buat kita klik tab “Import” – “Browse” lokasi file mysql ada di “Gammu-1.30.0-Windows\share\doc\gammu\examples\sql”.
oke lanjut lagi buka folder bin dan edit file “smsdrc” nya menjadi seperti ini..


setelah diedit , simpan file tadi..
buka command prompt dan masuk ke direktori “E:\Gammu-1.30.0-Windows\bin>” <- contoh disini..
dan ketikkan perintah “gammu-smsd -c smsdrc”.
jika ada tulisan “gammu-smsd[2924]: mysql service is deprecated. Please use SQL service with correct driver.” cuekin aja , karena penulis jg belum
mengetahui penyebabnya tapi setelah dicoba mengirim sms tetap bisa dilakukan buka “smsdlog” di folder “bin” didalam gammu kita untuk mengetahui apakah modem kita berjalan.


jika didalam file smsdlognya seperti gambar diatas maka modem kita telah terhubung dengan gammu dan siap untuk digunakan.
sekarang kita akan melakukan test sms , buka browser anda dan ketikkan “localhost/phpmyadmin” jangan lupa jalankan service “apache dan mysqlnya”..
masuk ke database “sms” yang telah kita buat sebelumnya klik pada tabel “outbox” dan klik pada tab “insert”

Destinationnumber adalah nomor tujuan..
dan textdecoded “isi pesan” kita…
dan klik “go” ada pada bagian bawah…


gambar diatas bahwa pesan kita sudah di insert ke outbox , tunggu beberapa detik/menit dan klik refresh page jika pesan tersebut sudah tidak ada lagi di outbox berarti sudah dikirim ketabel “sentitems” , klik tabel sentitems dan akan tampil seperti gambar dibawah ini..

jika status pengirimanya pada tabel sentitems = “sendingOK” berarti pesan kita berhasil dikirim…
seperti gambar dibawah ini


ok, selesai..
saya kira sampai sini dulu ya semua nanti akan saya lanjutkan kepart berikutnya..
Terima Kasih.. :)

]]> http://www.night-walker.org/membangun-aplikasi-sms-berbasis-web-part1.nw/feed 0 Facebook Like Button pada CMS WordPress http://www.night-walker.org/facebook-like-button-pada-cms-wordpress.nw http://www.night-walker.org/facebook-like-button-pada-cms-wordpress.nw#comments Tue, 29 Nov 2011 09:19:55 +0000 bufferdie http://www.night-walker.org/?p=1341 Bagi para pengrajin website, penulis yakin pasti sudah tidak asing lagi dengan social plugin yang satu ini. Yap…! dia lah “Facebook Like Button” :D ~~. Facebook Like Button merupakan social plugin berupa tombol yang memungkinkan penggunanya untuk dapat berbagi (sharing) konten dengan teman-teman / kenalan di Facebook. Ketika pengguna mengklik tombol ini di website anda, maka konten yang dibaca akan tampil dalam newsfeed teman beserta linknya yang akan mengarahkan kembali ke website anda.

Facebook like button dapat dipasang di berbagai jenis website termasuk pada website yang menggunakan cms wordpress. Pada cms ini Facebook like button dapat dipasang secara otomatis dengan plugins wordpress atau dengan cara menambahkan script ke themes anda secara manual. Nah, pada tutorial kali ini penulis akan menjelaskan cara manual nya.
Dengan cara manual, kita dapat lebih mengerti langkah2nya sehingga kita dapat menerapkannya pula pada website selain cms wordpress.

berikut ini langkah-langkah nya :

edit file single.php pada themes wp yang anda gunakan, lalu tambahkan code berikut ini :

 <div id="fb-root"></div>
 <script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>

kemudian edit file header.php dan ubah tag <html> yang ada disana menjadi :

 <html xmlns:fb="http://ogp.me/ns/fb#">

Terakhir, tambahkan code berikut ini pada file single.php agar facebook like button tampil pada setiap posting artikel :

 <fb:like href="<?php get_permalink($post->ID) ?>" send="true" width="450" show_faces="true"></fb:like>

code diatas biasanya diletakkan sebelum code <?php comments_template(); ?>

Yups.. demikianlah tutorial singkat “memasang facebook like button pada cms wordpress” dari saya yang ganteng ini :-P ~~, semoga bermanfaat buat anda yang sedang membangun sebuah website dan ingin menambahkan facebook like button ke dalam websitenya. Akhir kata, penulis ucapkan selamat mencoba.. dan sampai bertemu kembali pada tutorial2 berikutnya… :D ~~

]]> http://www.night-walker.org/facebook-like-button-pada-cms-wordpress.nw/feed 1 Tidak ada suara saat memutar Video berformat .rmvb? http://www.night-walker.org/tidak-ada-suara-saat-memutar-video-berformat-rmvb.nw http://www.night-walker.org/tidak-ada-suara-saat-memutar-video-berformat-rmvb.nw#comments Mon, 28 Nov 2011 09:40:01 +0000 konomx http://www.night-walker.org/?p=1335 Banyak sekali orang yang mengalami masalah  saat memutar video berformat .rmvb (real media video) baik menggunakan  Media Player Classic (bawaan K-lite codec pack) yang codecnya sudah super lengkap maupun Windows Media Player, video bisa di diputar namun “kagak keluar suara”. Jadi sama saja dengan menonton film bisu, gak asik kan jadinya…. ckckckckck..

Kalau hal ini terjadi pada kita, mungkin telah terjadi kekacauan dengan codec yang terinstall di windows kita atau beberapa codec yang diperlukan hilang. Jika kita dapat memutar file RMVB pada Media Player Classic atau Windows Media Player, kita mungkin sudah memiliki baik Real Alternative codec ataupun K-lite Codec Pack terinstall di komputer kita. Tapi jika kita sudah memiliki Real Alternative codec ataupun K-lite codec pack terinstall namun hal itu masih terjadi, kami akan memberikan trik yang ampuh untuk mengatasi masalah tersebut.

Uninstall K-lite codec pack, lalu restart PC/Laptop
Download windows essential 20071007.zip disini
Ekstrak file-file berikut dari file zip (ke suatu folder):
cook.dll
drv33260.dll
drv43260.dll
pncrt.dll
sipr3260.dll
Copy file dll tersebut dan paste ke direktori C:\Windows
Install K-lite codec pack
Coba mainkan file rmvb dan lihat hasilnya…..

Try it…..!!!
:~)

 

]]> http://www.night-walker.org/tidak-ada-suara-saat-memutar-video-berformat-rmvb.nw/feed 2 Convert file Flv menjadi file Mp3 di Linux http://www.night-walker.org/convert-file-flv-menjadi-file-mp3-di-linux.nw http://www.night-walker.org/convert-file-flv-menjadi-file-mp3-di-linux.nw#comments Tue, 15 Nov 2011 09:46:13 +0000 bufferdie http://www.night-walker.org/?p=1329

Salam jumpa sodara! telah lama saya tidak hadir disini dikarenakan jadwal syuting & pemotretan yang padat :D . Pada artikel kali ini penulis akan berbagi sebuah tutorial tentang “bagaimana mengconvert file flv menjadi file mp3″. Mungkin anda sudah tau bagaimana cara melakukan convert video pada sistem operasi windo*s dengan begitu banyak nya aplikasi gratis ataupun bajakan yang bertebaran di dunia internet. Mungkin ada pengguna linux yang bertanya2 dalam hati, “gimana yah kalo di linux?” :D

Hingga hari ini, penulis masih banyak menemukan pengguna linux yang di pusingkan karena hal ini. Ada yang gara2 hal seperti ini membuatnya harus “menduakan” linux dengan sistem operasi windo*s. Padahal terdapat solusi yang lebih jitu, mudah, efisien, dan praktis untuk menyelesaikan masalah ini :D .
Pada artikel ini penulis menggunakan distro ubuntu 10.04, untuk distro lainnya insyaALLAH akan penulis bahas pada artikel2 berikutnya atau silahkan bertanya pada form komentar di bawah :) .

Ok, langsung saja kita mulai langkah2nya. Untuk dapat mengconvert file flv menjadi mp3, kita membutuhkan sebuah tools bernama “ffmpeg”.
Silahkan buka terminal dan login root untuk menginstall ffmpeg pada mesin anda, lalu ketik perintah berikut ini :

root@bufferdie:~# apt-get install ffmpeg

Lalu anda dapat langsung mencoba untuk mengconvert video flv hasil download dari youtube misalnya, dengan cara mengetikan perintah seperti di bawah ini :

bfd@bufferdie:~$ ffmpeg -i cryin.flv x.mp3

jika pada output terminal anda terdapat tulisan “Unsupported codec for output stream #0.0“, silahkan install “libavcodec-unstripped-52″ dengan mengetikan perintah seperti di bawah ini (login root terlebih dahulu) :

root@bufferdie:~# apt-get install libavcodec-unstripped-52

jika sudah, silahkan coba convert video anda lagi. Jika berhasil, maka output di terminal akan terlihat sperti ini :

bfd@bufferdie:~$ ffmpeg -i cryin.flv x.mp3
FFmpeg version SVN-r0.5.1-4:0.5.1-1ubuntu1.2, Copyright (c) 2000-2009 Fabrice Bellard, et al.
configuration: –extra-version=4:0.5.1-1ubuntu1.2 –prefix=/usr –enable-avfilter –enable-avfilter-lavf –enable-vdpau –enable-bzlib –enable-libgsm –enable-libschroedinger –enable-libspeex –enable-libtheora –enable-libvorbis –enable-pthreads –enable-zlib –disable-stripping –disable-vhook –enable-runtime-cpudetect –enable-gpl –enable-postproc –enable-swscale –enable-x11grab –enable-libdc1394 –enable-shared –disable-static
libavutil     49.15. 0 / 49.15. 0
libavcodec    52.20. 1 / 52.20. 1
libavformat   52.31. 0 / 52.31. 0
libavdevice   52. 1. 0 / 52. 1. 0
libavfilter    0. 4. 0 /  0. 4. 0
libswscale     0. 7. 1 /  0. 7. 1
libpostproc   51. 2. 0 / 51. 2. 0
built on Sep 16 2011 17:04:18, gcc: 4.4.3

Seems stream 0 codec frame rate differs from container frame rate: 47.95 (5994/125) -> 24.00 (24/1)
Input #0, flv, from ‘cryin.flv’:
Duration: 00:06:42.81, start: 0.000000, bitrate: 726 kb/s
Stream #0.0: Video: h264, yuv420p, 640×358 [PAR 1:1 DAR 320:179], 726 kb/s, 24 tbr, 1k tbn, 47.95 tbc
Stream #0.1: Audio: aac, 44100 Hz, stereo, s16
Output #0, mp3, to ‘x.mp3′:
Stream #0.0: Audio: libmp3lame, 44100 Hz, stereo, s16, 64 kb/s
Stream mapping:
Stream #0.1 -> #0.0
Press [q] to stop encoding
size=    3151kB time=403.38 bitrate=  64.0kbits/s
video:0kB audio:3151kB global headers:0kB muxing overhead 0.000992%

Dan silahkan anda coba putar file mp3 hasil convert anda tadi ..
bagaimana…? mudah bukan…?  ^_*

]]> http://www.night-walker.org/convert-file-flv-menjadi-file-mp3-di-linux.nw/feed 0 Mengembalikan windows 7 yang terdeteksi not genuine. http://www.night-walker.org/mengembalikan-windows-7-yang-terdeteksi-not-genuine.nw http://www.night-walker.org/mengembalikan-windows-7-yang-terdeteksi-not-genuine.nw#comments Mon, 14 Nov 2011 09:28:41 +0000 konomx http://www.night-walker.org/?p=1322 Sering kali kita menemukan windows 7 yang terdeteksi not genuine baik pada laptop/pc teman2 baik orang lain ataupun terkadang kita sendiri juga pernah mengalaminya yang menyebabkan fungsi windows 7 tidak berjalan dengan sepenuhnya.
Hal ini terjadi karena opsi default update windows 7 yaitu “automatically dowload and install updates” yang menyebabkan terinstallnya windows genuine protection pada saat online.

Banyak dari mereka yang mengambil langkah install ulang windows agar dapat kembali seperti semula dan tak sedikit pula yang “keluar duit” untuk menginstall ulang windows 7 mereka karena menggunakan jasa servis komputer untuk melakukannya hanya untuk mengatasi masalah yang sebenarnya sungguh mudah untuk diatasi tanpa perlu menginstall ulang windows.

Oke, langsung saja kami akan menjelaskan cara bagaimana mengembalikan windows 7 yang terdeteksi not genuine ini. Kita memerlukan sebuah software loader windows 7 yang dapat melakukan aktivasi, trial reset, dan install certificate windows 7. software ini sangat mudah sekali untuk digunakan dan GUI nya pun cukup mudah untuk dimengerti. Software ini bernama “Windows 7 Loader eXtreme Edition” yang dapat didownload disini.

Langkah pertama yang harus dilakukan yaitu jalankan Windows 7 Loader eXtreme Edition tersebut dan otomatis loader tersebut akan memberikan rekomendasi opsi yang perlu dijalankan pada laptop/pc kita misalnya trial reset, loader, ataupun certificate. Klik salah satu opsi yang terdapat countdown timer dan highlight “recommended” pada Windows 7 Loader eXtreme Edition tersebut. kemudian tunggu prosesnya sampai selesai (biasanya pc/laptop akan langsung restart) pada saat tampilan boot menu, pilih opsi windows loader extreme. Kemudian tunggu proses hingga masuk ke GUI windows 7. Apabila sudah masuk GUI windows 7 cek langsung My computer, click kanan dan properties lalu lihat apakah windows 7 kita sudah terdapat tulisan “windows is activated” atau belum. Apabila proses aktivasi sukses akan terlihat tulisan “windows is activated”.

Addition: Jika yang direkomendasikan oleh Windows 7 Loader eXtreme Edition adalah trial reset maka kita akan melakukan dengan 2 tahap yaitu:

1. Klik trial reset, tunggu proses selesai hingga restart sendiri kemudian pada boot menu pilih loader extreme kemudian tugngu hingga proses selesai dan masuk GUI windows namun akan langsung restart lagi. Biarkan proses restart berjalan.
2. Setelah masuk GUI windows 7 buka aplikasi Windows 7 Loader eXtreme Edition kemudian akan ada rekomendasi install certificate atau install loader. Klik salah satu yang direkomendasikan. Tunggu proses hingga selesai (mungkin akan restart lagi). Setelah itu cek My computer, click kanan dan properties lalu lihat apakah windows 7 kita sudah terdapat tulisan “windows is activated” atau belum. Apabila proses aktivasi sukses akan terlihat tulisan “windows is activated”.

selamat mencoba…………

]]> http://www.night-walker.org/mengembalikan-windows-7-yang-terdeteksi-not-genuine.nw/feed 2 Membuat form aplikasi text editor dengan jQuery http://www.night-walker.org/membuat-form-aplikasi-text-editor-dengan-jquery.nw http://www.night-walker.org/membuat-form-aplikasi-text-editor-dengan-jquery.nw#comments Mon, 14 Mar 2011 18:55:32 +0000 zack http://www.night-walker.org/?p=1290 Anda memiliki sebuah website?? atau memiliki blog?? jika ya, maka pasti anda sudah tidak asing lagi dengan aplikasi Text Editor, karena setiap kali anda ingin mengupdate berita atau posting artikel anda pasti menggunakan aplikasi ini dan hampir semua CMS, atau layanan blog memiliki aplikasi ini. Pada tutorial kali ini saya akan menjelaskan penerapan Text Editor dengan jQuery.

Untuk membuat aplikasi text editor jQuery, hal yang pertama kita harus lakukan adalah mendownload modul jQuery yang kita butuhkan yaitu jQuery RTE-Editor anda dapat mendownloadnya disini

setelah kita selesai mendownloadnya, ekstrak file tersebut pada folder www (localhost), lalu ketikkan kode html di bawah ini :

<html>
<head>
<title>Post Artikel</title>

<link rel=”stylesheet” type=”text/css” href=”jquery.rte.css” />

<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”jquery.rte.js”></script>
<script type=”text/javascript” src=”jquery.rte.tb.js”></script>
<script type=”text/javascript” src=”jquery.ocupload-1.1.4.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
    $(‘.rte1′).rte({ //deklarasi class=”rte1″
    css: ['default.css'],
    base_url: ‘editor’,
    frame_class: ‘frameBody’,
    width: 600,
    height: 200,
    controls_rte: rte_toolbar,
    controls_html: html_toolbar
    });
});
</script>

</head>

<body>

<div id=”main”> <h2> Form Artikel </h2>
   
  <form method=”post” action=”#”>
   <table>
    <tr>
     <td>Judul  </td> <td>:</td>  <td><input type=”text” name=”judul” size=”62″>  </td>
    </tr>
    <tr>
     <td valign=”top”>Isi  </td> <td valign=”top”>:</td>  <td><textarea name=”isi” cols=”50″ rows=”21″ class=”rte1″></textarea></td>
    </tr>
    <tr>
     <td colspan=”3″ align=”right”> <input type=”submit” value=”tambah!”>   <input type=”reset” value=”hapus ..”>  </td>
    </tr>
   </table>
  </form>

</div>

</body>
</html>

selanjutnya, simpan kode html di atas pada folder yang sama tempat anda mengekstrak modul jQuery tersebut dengan nama editor.html lalu buka browser anda dan ketikkan alamat http://localhost/editor.html

inilah hasilnya :

Sekian tutorial kali ini, jika anda kebingungan dalam mengaplikasikan modul jQuery ini jangan ragu untuk bertanya dengan saya atau silahkan lihat dokumentasi yang disertakan pada modul jQuery tersebut. :)

Sampai jumpa pada tutorial selanjutnya ! CIAO !

]]> http://www.night-walker.org/membuat-form-aplikasi-text-editor-dengan-jquery.nw/feed 6 Memperbaiki Grub Di Ubuntu Setelah Install Windows http://www.night-walker.org/memperbaiki-grub-di-ubuntu-setelah-install-windows.nw http://www.night-walker.org/memperbaiki-grub-di-ubuntu-setelah-install-windows.nw#comments Thu, 17 Feb 2011 20:10:46 +0000 45sekope http://www.night-walker.org/?p=1249 ubuntu.pngMaaf nih udah lama gebok gk Posting :mrgreen: . Padahal udah hampir dua bulan di suruh sama kepsek(“Omz Bufferdie”) Buat Update Artikelnya. Kemaren waktu lagi ngopi di kantin kyai ada temen(“andy kentung GENDUT sekali”) yang bilang kalo ubuntu-nya ilang, Wah jadi bingung nih !!!!  kirain ubuntu nya ilang betulan padahal sih yang ilang ntu cuma grub nya aja, yang ketimpa waktu installasi windus nya.. setelah kerjaan si windus itu udah di benerin, si andy minta dibikinin catetan buat benerin grub ubuntu nya yang ketimpa ama windows …. Jadi yah dibikinin aja artikel yang bakal kita bahas sekarang Memperbaiki Grub Yang Hilang Setelah Installasi windows

Kayaknya udah cukup ngomongnya, Tapi sebelum masuk Ke Artikelnya gebok minta maaf yah dah lama gak update artikel.. :wink: Langsung bae kito masuk ke Artikel Tentang “Memperbaiki Grub Yang Hilang Setelah Install Windows“, Kalo Bahaso Pelembang nyo “mbeneri grub error abis nginstall windus” hehehehehe…  :lol:

Langkah Pertama yang kita Lakukan adalah Membakar rokok surya yang dari Tadi Belon di Bakar …
Nah setelah itu siapkan live cd Atau Live Usb ubuntu buat di booting, Kalo booting nya udah selesai barulah kita menjalankan Perintah Perintah linux Untuk Memperbaiki Grub Yang Hilang Abis Di Install Windows ini…

Kedua Kita Harus Mengetahui Dimana Letak Partisi Yang telah Di install Ubuntu dengan cara menjalankan peintah ini :

$ sudo fdisk -l

Device Boot      Start         End      Blocks   Id  System
/dev/sda1   *           1        2523    20265966    7  HPFS/NTFS
/dev/sda2            2524        9729    57882164+   f  W95 Ext’d (LBA)
/dev/sda5            2524        5729    25748435    7  HPFS/NTFS
/dev/sda6            7596        9607    16161358+  83  Linux
/dev/sda7            9608        9729      979933+  82  Linux swap / Solaris

Nah Disini kita bisa langsung membedakan partisinya Kalo windus biasanya filesystem nya NTFS Atau FAT32, dari sini aja kita udah Bisa ngebedain Partisi mana Yang di installin ubuntu . Kalo udah tau partisi ubuntu nya kita masuk kelangkah kedua dengan memounting partisi yang Udah Di install Ubuntu dengan Menjalankan Perintah ini :

# mkdir /media/ubuntu/ ; mount /dev/sda6 /media/ubuntu

setelah itu kita mount /dev/ /proc/ /sys/

# mount -t proc /proc/ /media/ubuntu/proc/
# mount -t sysfs /sys/ /media/ubuntu/sys/
# mount -o bind /dev/ /media/ubuntu/dev/

setelin jadi root di partisi ubuntu nya dengan menjalankan perintah

# chroot /media/ubuntu/

kalo udah install deh grub nya,… gampang kan:p

# grub-install /dev/sda

ok deh, sampai disini dulu pertemuan kita gebok mau ketemu ****n di mimpi dulu heheheheheh… :cool:
sampai jumpa lagi di artikel 45sekope selanjutnya…

]]> http://www.night-walker.org/memperbaiki-grub-di-ubuntu-setelah-install-windows.nw/feed 5