Install dan Konfigurasi phpMyAdmin di Debian 6.04 Squeeze

Berikut cara install phpMyAdmin di Debian Squeeze dan Konfigurasinya.

1. Masuk ke root :
$ su
2. Install phpmyadmin dengan perintah berikut :
# apt-get install phpmyadmin
3. Untuk Konfigurasi agar bisa di akses di localhost edit file berikut :
# nano /etc/apache2/apache2.conf
4. Tambahkan baris include phpmyadmin ke dalam file tersebut :
Include /etc/phpmyadmin/apache.conf
5. Restart apache :
# /etc/init.d/apache2 restart
6. Coba buka http://localhost/phpmyadmin
Semoga Membantu ..

Koneksi Database Mysql dengan PHP

Belum ada tutorial lagi. kali ini coba posting sedikit ilmu siapa tau bermanfaat. 
Postingan kali ini bagaimana membuat file koneksi ke database Mysql dengan PHP.




berikut isinya :


<?
$host="localhost";
$user="root";
$password="";
$con=mysql_connect("$host","$user","$password");
$db=mysql_select_db  ("namadatabase",$con);
if($con){
    echo"Berhasil";
    }else{
    echo"Gagal";
    }
?>


Tinggal disesuaikan dengan Databasenya..
Semoga Membantu..

Daftar Repository Debian 6.04 (Squeeze)

Daftar Repository Debaian 6.04 Squeeze

Main Repo
deb http://security.debian.org/ squeeze/updates main contrib non-free
deb http://ftp.debian.org/debian/ squeeze main contrib non-free
deb http://ftp.debian.org/debian/ squeeze-updates main contrib non-free
 Repo Lokal

Kambing
deb http://kambing.ui.ac.id/debian/ squeeze main contrib non-free
deb http://kambing.ui.ac.id/debian/ squeeze-updates main contrib non-free
deb http://kambing.ui.ac.id/debian-security/ squeeze/updates main contrib non-free
Kebo
deb http://kebo.vlsm.org/debian/ squeeze main contrib non-free
deb http://kebo.vlsm.org/debian/ squeeze-updates main contrib non-free
deb http://kebo.vlsm.org/debian-security/ squeeze/updates main contrib non-free

Membuat Warna Gradien dengan CSS

Berikut code CSS untuk membuat warna Gradien :







background: #222222;
background: -moz-linear-gradient(top, #222222, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));    
Hasil :

Disini

Semoga Membantu.

Mengatasi Touchpad Tapping & Scrolling di Debian

Touchpad Tapping & Scrolling di Debian
Setelah Googling, akhirnya masalah pada Touchpad  Notebook saya terpecahkan, oke, berikut cara yang cukup mudah jika mempunyai masalah yang sama. Ketikan perintah di bawah ini di Terminal :
# synclient VertEdgeScroll=1
# synclient HorizEdgeScroll=1
# synclient TapButton1=1
Tips diatas berhasil di Notebook Thinkpad saya Lenovo SL410.


Cara diatas biasanya setelah komputer atau laptop di restart maka harus selalu menjalankan perintah diatas, berikut cara yang sedikit ampuh yang saya pakai hihi..


1. Buka Terminal


2. Masuk ke root


3. Buat file / program .sh dengan perintah berikut :
# touch pad.sh
4. buka dengan text editor apa saja, contoh : dengan nano :
# nano pad.sh
5. isi dengan text berikut :
#!/bin/bash
synclient VertEdgeScroll=1
synclient HorizEdgeScroll=1
synclient TapButton1=1
6. Save


7. Buka Menu-System-Preferences-Startup Applications


8. Klik Add
     - Isi Name dengan apasaja misal touchpad
     - Pada Form Command browse dan cari file pad.sh
     - Form Comment kosongkan saja


9. Klik Add dan Restart.


Semoga Membantu..

Install Driver Intel Corporation Centrino Wireless-N 1000 di Debian Squeeze

Install Driver Intel Corporation Centrino Wireless-N 1000 di Debian Squeeze
Masalah setelah instalasi Debian Squeeze kali ini muncul di laptop Thinkpad saya, yaitu masalah pada Driver Wireless, Pertama saya bingung kenapa tidak ada satupun sinyal wifi yang kedetek. Sebelumnya tidak pernah berfikir bahwa masalahnya ada pada Drivernya, karena sebelum-sebelumnya ketika install Distro yang lain, tidak ada masalh dengan Wirelessnya, Kedua saya coba install Wicd untuk memastikan apakah benar-benar Driver yang belum diinstall, Dan ternyata memang benar, dengan Wicd pun tak ada satupun sinyal wifi yang kedetek. Dan berikut instalasi Drivernya yang sebelumnya saya cek bahwa Driver Wireless adalah Intel Corporation Centrino Wireless-N 1000 dengan mengetikan perintah berikut di Terminal :
# lspci
dan hasilnya seperti pada baris berikut :
05:00.0 Network controller: Intel Corporation Centrino Wireless-N 1000
Untuk Driver Wireless yang sekiranya satu tipe, berikut cara instalasinya :
1. Masuk ke root dengan perintah :
$ su
2. Edit file source.list dengan text editor :
# nano /et c/apt/source.list
3. Tambahkan Repository berikut :
deb http://ftp.us.debian.org/debian squeeze main contrib non-free
4. Update dan install firmware-iwlwifi dan wireless-tools :
# aptitude update && aptitude install firmware-iwlwifi wireless-tools 
5. Masukan Modul iwglagn untuk mengakses firmware :
# modprobe -r iwlagn ; modprobe iwlagn
6. Cek device dengan perintah berikut :
# iwconfig
7. atau bisa dicek di Network-Manager, jika belum coba Restart.

8. Selesai.


Semoga Membantu

Membuat Gallery Slide dengan Jquery

Daripada pusing , belum jelas mau posting apa, mending kita belajar membuat Gallery Slide dengan Jquery. Oke berikut screenshootnya :



Selanjutnya berikut caranya :

1. Buat 3 buah folder yaitu css, gambar, dan js

2. Kita buat 2 buah file css dan simpan di dalam folder css :

scrollable-button.css

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;   
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(img/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}
/* right */
a.right                 { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover         { background-position:-30px -30px; }
a.right:active     { background-position:-60px -30px; }
/* left */
a.left                { margin-left: 0px; }
a.left:hover          { background-position:-30px 0; }
a.left:active      { background-position:-60px 0; }

/* up and down */
a.up, a.down        {
    background:url(img/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}
/* up */
a.up:hover          { background-position:-30px 0; }
a.up:active          { background-position:-60px 0; }

/* down */
a.down                 { background-position: 0 -30px; }
a.down:hover          { background-position:-30px -30px; }
a.down:active      { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}    

scrollable-horizontal.css

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width:450px;
    height:90px;
    /* custom decorations */
    border:1px solid #ccc;
    background:url(img/h300.png) repeat-x;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
/* single scrollable item */
.scrollable img {
    float:left;
    margin:3px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    cursor:pointer;
    width:80px;
    height:80px;   
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}
    /* end scrollable styling */
body {
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}

3. Download file jquery berikut di  
sini dan ekstrak di folder js.

4. Masukan gambar yang akan di jadikan slide kedalam folder gambar.

5. Buat file gallery.html


gallery.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="Geany 0.18" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" type="text/css" href="css/scrollable-horizontal.css">
    <link rel="stylesheet" type="text/css" href="css/scrollable-buttons.css">
    <script type="text/javascript" src="js/jquery.tools.min.js"></script>
    <script type="text/javascript"> 
      $(document).ready(function(){
          $("div.scrollable").scrollable();
        $(".items img").click(function() {
             // hilangkan _t dibelakang nama file foto untuk foto yang besar
             // misal foto kecil (air_t.jpg) dihilangkan _t untuk foto besar menjadi (air.jpg)
             var url = $(this).attr("src").replace("_t", "");
             // untuk area gambar besar diberikan efek fade (semi transparan)
             var wrap = $("#image_wrap").fadeTo("medium", 0.5);
             // load foto
           var img = new Image();
              img.onload = function() {
              wrap.fadeTo("fast", 1);
              wrap.find("img").attr("src", url);
             };
             img.src = url;
        }).filter(":first").click();
        });
      </script>
    <style>
        /* style untuk image wrapper (preview image)  */
        #image_wrap {
             width:470px;
             margin:15px 0 15px 30px;
             padding:0px 0;
             text-align:center;
             background-color:#transparent;
             border:2px solid #fff;
             outline:1px solid #ddd;
             -moz-ouline-radius:4px;
             -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
        }
    </style>
</head>
<body>
<div id="text">
<!-- tempat untuk menampung foto yang besar -->
      <div id="image_wrap">
         <!-- background untuk foto berupa gambar blank.gif -->
         <img src="images/blank.gif" width="200" height="200" />
      </div>
      <!-- aksi untuk halaman sebelumnya -->
      <a class="prevPage browse left"></a>
      <!-- elemen untuk scrollable -->
      <div class="scrollable">   
         <!-- elemen untuk items -->
         <div class="items">
          <!-- foto ke 1-5 -->
            <img src="gambar/linux-mint.png">
            <img src="gambar/archlinux-logo.png">
            <img src="gambar/debian-logo2.jpg">
            <img src="gambar/gentoo-linux.jpg">
            <img src="gambar/mandriva-logo.jpg">
            <!-- foto ke 5-10 -->
            <img src="gambar/slackware_logo.png">
            <img src="gambar/start_here_suse.png">
            <img src="gambar/zenwalk-logo.jpg">
            <img src="gambar/linux-mint.png">
            <img src="gambar/gentoo-linux.jpg">   
      </div>   
    </div>
    <!-- aksi untuk halaman selanjutnya -->
    <a class="nextPage browse right"></a>
    <br clear="all">
</div>
</body>
</html>

6. Ganti tulisan berwarna merah sesuai dengan nama gambar yang ada di folder gambar.

7. Selesai

Selamat Berkreasi..

Mengaktifkan mod_rewrite di Debian

Kali ini saya coba jelaskan bagaimana mengaktifkan mod_rewrite di Debian. Secara default setelah install Apache2 mod_rewrite otomatis terdisable atau tidak aktif. Oleh karena itu kita perlu mengaktifkan mod_rewrite tersebut. 





Berikut caranya :


1. Masuk ke root dengan perintah berikut :
$ su
2. Cari lokasi mod_rewrite dengan perintah berikut :
# updatedb
# locate mod_rewrite.so
3. Dari perintah diatas akan keluar seperti berikut :
/usr/lib/apache2/modules/mod_rewrite.so
4. Masuk ke direktori mods-enabled di directori apache2 :
# cd /etc/apache2/mods-enabled
5. Buat file rewrite.load dengan perintah berikut :
# touch rewrite.load
6. Edit file tesebut dengan teks editor apa saja, contoh : gedit : 
# gedit rewrite.load
7. Copy paste code berikut dan simpan :
LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so
8. Edit file di /etc/apache2/sites-available/default :
# gedit  /etc/apache2/sites-available/default 
9. Cari baris berikut :
<Directory /var/www/>
                Options Indexes FollowSymLinks MultiViews
                AllowOverride None
                Order allow,deny
                allow from all
        </Directory>
ganti menjadi :
<Directory /var/www/>
                Options Indexes FollowSymLinks MultiViews
                AllowOverride all
                Order allow,deny
                allow from all
        </Directory>
10. Restart apache dengan perintah berikut :
# /etc/init.d/apache2 restart

Semoga membantu..

Install Nginx, Php-fpm dan Mysql di Debian

Pada kasus ini kita coba Install Nginx, PHP-FPM, dan MySQL di Debian 6.04, caranya cukup mudah, pertama buka Terminal :

1. Update repository dengan perintah berikut :
# apt-get update
2. Install Nginx :
# apt-get install nginx
# /etc/init.d/nginx restart
3. Install PHP-FPM :

# echo "deb http://php53.dotdeb.org stable all" >> /etc/apt/sources.list
# apt-get update
4. Install paket-paket yang diperlukan :
# apt-get install php5-cli
# apt-get install  php5-suhosin php5-fpm php5-cgi
 5. Untuk menjalankan php-fpm :

# /etc/init.d/php5-fpm restart
6. Install MySQL :
# apt-get install mysql-server
7. Untuk menjalankan mysql :
# /etc/init.d/mysql restart


Semoga membantu.