Catat!

Drupal7: tabledrag.js error

2012-03-27T15:00:00.002+07:00

Drupal version:
D7X

--

Problem:
tabledrag.js not working in some shared hostings.

--

Workaround:
Go to /admin/config/development/performance
Check the Aggregate JavaScript files.

Ubuntu 11.10: FTP, vsftpd & Virtual Akun

2011-12-08T03:37:00.001+07:00

Instal vsftpd & libpam-pwdfile

Sunting /etc/vsftpd.conf

listen=YES
anonymous_enable=NO
local_enable=YES
write_enable=YES
local_umask=022
dirmessage_enable=YES
use_localtime=YES
xferlog_enable=YES
connect_from_port_20=YES
chroot_local_user=YES
secure_chroot_dir=/var/run/vsftpd/empty
pam_service_name=vsftpd
rsa_cert_file=/etc/ssl/private/vsftpd.pem
virtual_use_local_privs=YES
guest_enable=YES
user_sub_token=$USER
local_root=/var/www/situs/$USER
hide_ids=YES

Sunting /etc/pam.d/vsftpd

# Customized login using htpasswd file
auth required pam_pwdfile.so pwdfile /etc/vsftpd.passwd
account required pam_permit.so

Reka virtual akun

sudo htpasswd -cd /etc/vsftpd.passwd virtualAkun

Reka direktori baru

sudo mkdir /var/www/situs/virtualAkun

Sunting permisi/kepemilikan

sudo chown ftp:ftp /var/www/situs/virtualAkun
sudo chmod +w /var/www/situs/virtualAkun

Daur vsftpd

sudo service vsftpd restart

Coba~coba

is@oneiric:~$ ftp 127.0.0.1
Connected to 127.0.0.1.
220 (vsFTPd 2.3.2)
Name (127.0.0.1:is): webDevel
331 Please specify the password.
Password:
230 Login successful.
Remote system type is UNIX.
Using binary mode to transfer files.
ftp>

Catatan:
Backup, backup & backup!
Ubah "virtualAkun" sesuai selera

Sumber bacaan:
https://help.ubuntu.com/11.10/serverguide/C/ftp-server.html
http://howto.gumph.org/content/setup-virtual-users-and-directories-in-vsftpd

Drupal 7: Print Block in tpl.php

2011-12-03T04:16:00.001+07:00

<?php
  print views_embed_view($name = 'blockName', $display_id = 'blockId');
?>

<?php
  $block = module_invoke('blockType', 'block_view', 'blockId');
  print render($block); ?>
?>

<?php
  $block = block_load('block', id);
  $output = drupal_render(_block_get_renderable_array(_block_render_blocks(array($block))));
  print render($output);
?>

Ubuntu 11.10: Problem! I Solved

2011-11-15T23:16:00.001+07:00

Ikon removeable media (USB flash, CD dll.) tak nongol di desktop.
run command

gsettings list-recursively | grep nautilus | less

org.gnome.nautilus.desktop volumes-visible false

run command

gsettings set org.gnome.nautilus.desktop volumes-visible true

endif

Drupal[CCK Textfield]: Username as Default Value

2011-08-04T13:32:00.001+07:00

global $user;
return array(
  0 => array('value' => $user->name)
);

Drupal: Get User Role(s)

2011-08-03T13:11:00.002+07:00

global $user;
if (in_array('user role', $user->roles)) {
     //do stuff here
}

multiple role checking:

if (in_array(array('user', 'role'), $user->roles));

Ubuntu: Partisi Khusus untuk Data

2011-03-16T16:47:00.002+07:00

0. Reka partisi untuk data[0].

1. Identifikasi partisi dimaksud.
1.0. device:


sudo fdisk -l

Output:


Disk /dev/sda: 80.0 GB, 80026361856 bytes
255 heads, 63 sectors/track, 9729 cylinders
Units = cylinders of 16065 * 512 = 8225280 bytes
Sector size (logical/physical): 512 bytes / 512 bytes
I/O size (minimum/optimal): 512 bytes / 512 bytes
Disk identifier: 0x0003be96

Device  Boot Start End Blocks  Id System
/dev/sda1 * 1 2611 20966400 83 Linux
/dev/sda2  2611 2937 2616320  83 Linux
/dev/sda3  9596 9730 1075200  82 Linux swap/Solaris

Dalam kasus ini partisi dimaksud adalah /dev/sda2

1.1. UUID dan tipe/filesystem (perhatikan /dev/sda2).


sudo blkid

Output:


/dev/sda1: UUID="dcdfc3c2-c22d-4d06-a6c9-f069a490b7ef" TYPE="ext4" 
/dev/sda2: UUID="ad9dc100-2d82-4349-b32f-32b22d67fe76" TYPE="ext4" 
/dev/sda3: UUID="8e85afaf-0cd1-46c9-b71e-344c745e2864" TYPE="swap"

2. Reka 3 direktori baru


sudo mkdir /data
sudo mkdir /data/user
mkdir ~/data

3. Sunting file /etc/fstab[1], jangan lupa backup:


sudo cp /etc/fstab /etc/fstab_backup
sudo nano -w /etc/fstab

3.0. Imbuh baris seperti berikut:


UUID=ad9dc100-2d82-4349-b32f-32b22d67fe76 /data  ext4 defaults 0 0
/data/user     /home/user/data none bind

3.1. Save dan exit


^O ^X

4. Mount ulang partisi


sudo mount -a
sudo mount -B /data/user /home/user/data

4.0. Reka file dalam direktori ~/data, harusnya hasilnya sama antara


ls -al ~/data
ls -al /data/user

5. Sunting permisi direktori dan file


sudo chown -R owner:owner /data/user
sudo chmod 755 /data/user
cd /data/user
sudo find . -type f -exec chmod 644 {} \;
sudo find . -type d -exec chmod 755 {} \;

6. Enjoy

Catatan:
Direktori data bisa diganti dengan nama lain.
Ubah direktori user sesuai nama usernya.

Bahan bacaan:
[0] https://help.ubuntu.com/community/HowtoPartition
[1] https://help.ubuntu.com/community/Fstab

Blogger: Manipulasi Jumlah Post per Halaman Label

2011-03-11T00:00:00.005+07:00

# Backup, backup, backup
# Edit HTML, klik "Expand Widget Templates"
# Sunting baris


expr:href='data:label.url'

# menjadi seperti


expr:href='data:label.url + "?max-results=<jumlah>"'

Catatan:
Ganti <jumlah> dengan angka yang diinginkan

Bahan bacaan:
http://www.w3.org/TR/REC-xml

Drupal 7: jQuery Backstretch

2011-03-10T00:32:00.006+07:00

/*
* jQuery Backstretch
* http://srobbin.com/jquery-plugins/jquery-backstretch
* Add a dynamically-resized background image to the page
* Copyright (c) 2010 Scott Robbin (srobbin.com)
* Dual licensed under the MIT and GPL licenses.
*/

# Salin jQuery bawaan Drupal atau unduh dari situs jQuery


cp path/to/core/jquery.js path/to/theme/

# Unduh jQuery Backstretch


cd path/to/theme
wget https://download.github.com/srobbin-jquery-backstretch-<versi>.tar.gz
tar -xvzf srobbin-jquery-backstretch-<versi>.tar.gz

# Implementasi
## Global


nano -w path/to/theme/<file>.info

scripts[] = theme_path/to/<jquery>.js
scripts[] = theme_path/to/<jquery_backstretch>.js
scripts[] = theme_path/to/<jquery_backstretch_snippet>.js

## Lokal (contoh untuk konten tipe article)


nano -w path/to/theme/template.php

function template_preprocess_node(&$variables) {
  // further restrict to just 'article' node types
  if ($variables['node']->type == 'article') {
    // jQuery
    drupal_add_js('base_path/to/theme/jquery/js', 'file');
    // jQuery Backstretch
    drupal_add_js('base_path/to/theme/jquery/backstretch/js', 'file');
    // jQuery Backstretch snippet
    drupal_add_js('
      jQuery(document).ready(function () {
        $.backstretch("base_path/to/theme/background/image", {speed: <0~500>});
      });', array(
        'type' => 'inline',
        'scope' => 'footer',
        'weight' => 20
      )
    );
  }
}

# Cuci registry & nikmati!

Catatan:
Ubah semua <text> sesuai nilai sesungguhnya

Bahan bacaan:
http://drupal.org/node/171205#scripts
http://drupal.org/node/756722
common.inc/function/drupal_add_js/7

GIMP: Efek Vintage

2011-03-08T23:37:00.010+07:00

Credit: Ricardo Liberato (All Gizah Pyramids) [CC-BY-SA-2.0], via Wikimedia Commons

# Auto enhanchment


colors > auto > stretch contrast
colors > levels: auto

# Framming


select > all; shrink: 75; feather: 300; Invert

layer > new layer: transparent

FG ffffff, BG 000000
blandtool (L) > FG to BG (RGB)
shape: radial

add gradient from center to selection edge of image
mode: overlay
image > flatten image
select > none

colors > curves: S shape

# Create 3 new layers


newlayer: color fbf2a3, mode multiply, opacity 60
newlayer#1: color e865b3, mode screen, opacity 20
newlayer#2: color 0949e9, mode screen, opacity 17
image > flatten image

# Gradient (optional)


duplicate layer, mode overlay, opacity 50%
FG 000000, BG ffffff
blandtool (L) > FG to BG (RGB)
colors > map > gradient map
image > flatten image

# Reduce saturation


color > hue-saturation > saturatin > -30

Reading material:
http://docs.gimp.org/2.6/en/

Drupal 7: Mengubah Tipe Penanggalan

2011-03-07T09:00:00.008+07:00

Drupal menyediakan empat tipe penanggalan: short, medium, long dan custom. Tipe medium merupakan default-nya. Sayang tak ada cara lebih mudah selain melalui pendekatan "theme override" untuk mengubahnya.

# Bila belum ada, reka file "template.php" di direktori induk theme terkait.

## Untuk node
# Salin "template_preprocess_node(&$variables)" dari file "modules/node/node.module" (sekitar baris ke-1440) ke dalam file "template.php".

# Cari dan ubah


$variables['date'] = format_date($node->created);

# menjadi (untuk tipe short, medium atau long)


$variables['date'] = format_date($node->created, '<tipe>');

# atau (untuk tipe custom)


$variables['date'] = format_date($node->created, '<tipe>', '<format>');

## Untuk comment
# Salin "template_preprocess_comment(&$variables)" dari file "modules/comment/comment.module" (sekitar baris ke-2263) ke dalam file "template.php".

# Cari dan ubah


$variables['created'] = format_date($comment->created);
$variables['changed'] = format_date($comment->changed);

# menjadi (untuk tipe short, medium atau long)


$variables['created'] = format_date($comment->created, '<tipe>');
$variables['changed'] = format_date($comment->changed, '<tipe>');

# atau (untuk tipe custom)


$variables['created'] = format_date($comment->created, '<tipe>', '<format>');
$variables['changed'] = format_date($comment->changed, '<tipe>', '<format>');

## Untuk semua
# Ubah <tipe> dan <format> sesuai selera.

# Demikian kira-kira ..

Catatan:
Untuk <tipe> pilih salah satu: short, medium, long atau custom.
Untuk <format> gunakan standard PHP.
Gunakan hanya tag pembuka PHP di dalam file template.php.

Bahan bacaan:
template_preprocess_node/7
template_preprocess_comment/7
format_date/7
en/function.date.php
node/1075692

Web Devel: Transparent Background Image

2011-02-27T13:14:00.012+07:00

For transparent image[0]:


New layer: 1px (any color)
opacity: +/- 70%
Image: merge visible layers
Save as: PNG; select all except creation time & comment

For HTML & CSS to get the ball rolling:


<div id="outer">
  <div id="inner"></div>
</div>

#outer {
  background-image: any-background-image.jpg;
}
#inner {
  background-color: transparent;
  background-image: transparent-image.png;
}

Notes:
[0] Done in GIMP

See also:
http://docs.gimp.org/en/gimp-image-combining.html
http://www.w3schools.com/css/css_background.asp

Drupal 7: Manipulasi "Add new comment"

2011-02-11T14:53:00.013+07:00

Hapus link "Add new comment" dari teaser atau bila form komen ditampilkan di halaman sama.

Salin node.tpl.php ke direktori theme terkait, lalu sunting.

Ubah baris


<?php print render($content['links']); ?>

Menjadi


<?php
  // Remove the "Add new comment" link on the teaser page or if the comment
  // form is being displayed on the same page.
  if ($teaser || !empty($content['comments']['comment_form'])) {
    unset($content['links']['comment']['#links']['comment-add']);
  }
  // Only display the wrapper div if there are links.
  $links = render($content['links']);
  if ($links):
?>
  <div class="link-wrapper">
    <?php print $links; ?>
  </div>
<?php endif; ?>

Sumber bacaan:
http://drupal.org/project/bartik

Ubuntu: Setup DNS Manual

2010-12-05T05:19:00.006+07:00


sudo nano -w /etc/resolv.conf
nameserver x.x.x.x
nameserver x.x.x.x


sudo cp /etc/resolv.conf /etc/resolv.conf.auto


sudo nano -w /etc/dhcp3/dhclient.conf
prepend domain-name-servers x.x.x.x,x.x.x.x;


sudo ifdown eth0 && sudo ifup eth0

catatan:
ifconfig #cari tahu IP address
cat /etc/resolv.conf #cari tahu DNS
Ganti x dengan DNS sesuai selera misal: Google public DNS, OpenDNS dll ..

Ubuntu Minimal dan IceWM

2010-11-25T04:07:00.008+07:00

Ubuntu 10.10 Maverick Meerkat sudah menyerupai kapal tanker, sementara kompie-ku masih sungai dangkal sempit, tak muat lewat! Xubuntu tak jauh beda, sementara Lubuntu masih remang-remang? (soal selera.) Akhirnya pilihan jatuh pada Ubuntu 10.10 Maverick Meerkat minimal CD + X window dkk ..


Ubuntu minimal + IceWM Fake '95 theme, kurang dari 2GB

Download minimal CD


$ wget http://archive.ubuntu.com/ubuntu/dists/maverick/main/installer-i386/current/images/netboot/mini.iso

Cek md5 sum


$ md5sum mini.iso

Reka USB instalasi[*]

Install Ubuntu minimal CD ..

-- kemudian --

Sunting file sources.list


$ sudo nano /etc/apt/sources.list

Update & upgrade


$ sudo aptitude update
$ sudo aptitude safe-upgrade
$ sudo aptitude full-upgrade

-- lantas --

X window dkk


$ sudo aptitude install xorg menu-xdg wdm icewm icewm-themes ttf-bitstream-vera

Internet


$ sudo aptitude install firefox mutt pidgin

Multi-media


$ sudo aptitude install gimp gpicview alsa-utils gnome-mplayer

Office


$ sudo aptitude install -R abiword gnumeric openoffice.org-impress

Management file


$ sudo aptitude install pcmanfm xarchiver

Security


$ sudo aptitude install gksu gufw

Lain-lain


$ sudo aptitude install ttf-mscorefonts-installer flashplugin-installer icedtea6-plugin wine

-- lalu --

Sunting wdm-config biar bisa shutdown & reboot sebagai regular user


$ sudo nano /etc/X11/wdm/wdm-config
DisplayManager*wdmRoot: false

Konfigurasi xorg.org[**]

Terakhir


$ sudo service wdm start


Penggunaan resources masih kondusif .. :)

Bahan bacaan
* https://help.ubuntu.com/community/Installation/FromUSBStick
** http://itangsanjana.blogspot.com/2009/11/menambahkan-resolusi-display-pada.html
https://help.ubuntu.com/community/Installation/LowMemorySystems

Drupal "odd" & "even" Class

2010-10-28T00:02:00.005+07:00

Gunakan variable $zebra, misal:


<div class="comment<?php print ($comment->new) ? ' comment-new' : ''; print ' '. $status ?> clear-block">

menjadi


<div class="comment<?php print ($comment->new) ? ' comment-new' : ''; print ' '. $status; print ' '. $zebra ?> clear-block">

Shit Happens

2010-10-18T20:09:00.007+07:00

Yah, nothing special ..

Configurasi Virtual Host untuk Apache

2010-08-12T03:29:00.004+07:00

Pastikan Virtual Host sudah ada


/home/<user>/<Public>/

Salin situs bawaan untuk memulai:


sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/<mysite>

Sunting situs hasil salinan tsb:


sudo nano /etc/apache2/sites-available/<mysite>

Ubah 'DocumentRoot' agar mengarah ke lokasi dikehendaki, misal:


DocumentRoot /home/<user>/<Public>

Ubah directive 'Directory' sesuai lokasi baru, misal:


<Directory /var/www/>

menjadi


<Directory /home/<user>/<Public>/>

Sebagai tambahan, agar bisa menggunakan 'Clean URL' pastikan AllowOverride bernilai All

Save & quit

non-aktifkan situs lama dan aktifkan situs baru:


sudo a2dissite default && sudo a2ensite <mysite>

Restart Apache:


sudo service apache2 restart

Catatan:
Ubah <user>, <Public> dan <mysite> sesuai kebutuhan
Configurasi di atas berorientasi pada Ubuntu 10.04 Lucid Lynx

Bahan bacaan:
http://httpd.apache.org/docs/2.0/vhosts/
https://help.ubuntu.com/community/ApacheMySQLPHP

Langkah Ringkas Installasi Drupal di Ubuntu

2010-06-02T03:20:00.006+07:00

Untuk installasi LAMP (Apache, MySql dan PHP) tengok Membangun server LAMP di Ubuntu

# Installasi Drupal


wget http://ftp.drupal.org/files/projects/drupal-<x>.tar.gz
tar xvzf drupal-<x>.tar.gz
sudo mkdir /var/www/drupal
sudo mv drupal-<x>/* drupal-<x>/.htaccess /var/www/drupal

# Reka dan atur permisi subdirektori file untuk menyimpan file-file tambahan


sudo mkdir /var/www/drupal/sites/default/files
sudo chown www-data:www-data /var/www/drupal/sites/default/files

# Salin konfigurasi file


sudo cp /var/www/drupal/sites/default/default.settings.php /var/www/drupal/sites/default/settings.php
sudo chown www-data:www-data /var/www/drupal/sites/default/settings.php

# Sunting file htaccess bawaan Drupal, uncomment 'RewriteBase /drupal'


sudo nano /var/www/drupal/.htaccess

# Reka database MySql


mysqladmin -u root -p create <nama_database>

# Aktifkan fungsi 'rewrite' Apache, berguna untuk fasilitas 'clean-URL' bawaan Drupal


sudo a2enmod rewrite

# Reload Apache


sudo /etc/init.d/apache2 restart

# Buka webbrowser kesayangan, ketik url http://localhost/drupal, ikuti langkah selanjutnya

# Aktifkan cron, sesuaikan dengan selera, misal:


sudo crontab -e

dan letakkan


45 * 18 * * /usr/bin/wget -O - -q -t 1 http://localhost/drupal/cron.php

Catatan:
ganti <x> dan <nama_database> sesuai keperluan

Bahan bacaan:
http://drupal.org/node/628292
https://help.ubuntu.com/community/Drupal
https://help.ubuntu.com/community/CronHowto

Membangun Server AMP di Ubuntu: Khusus Localhost

2010-05-22T20:30:00.005+07:00

Seperti judul tertera, catatan ini akan menguraikan langkah sederhana instalasi AMP (Apache/MySql/PHP) di Ubuntu dengan tujuan untuk membangun server development (baca: bukan server produksi.)

# Langkah satu: Install AMP
Banyak jalan menuju Roma, demikian juga dengan cara instalasi AMP ini. Cara paling sederhana - IMHO - adalah LAMP stack, karena ketiganya (Apache/MySql/PHP) sudah terintegrasi di situ beserta dependency-nya. Dari terminal jalankan perintah:

sudo tasksel install lamp-server

Pada proses instalasinya admin diminta untuk menentukan password root MySql juga konfigurasi Apache. Khusus untuk yang terakhir, pilih saja 'no configuration.'

# Langkah dua: Amankan Apache
Karena server ditujukan untuk development, sebaiknya cegah Apache 'mendengarkan' koneksi luar. Dari terminal:

sudo nano /etc/apache2/ports.conf

Cari baris 'Listen <port>' dan ubah nilai portnya menjadi local seperti berikut:

listen 127.0.0.1:80

Save & Quit

Restart Apache,

sudo /etc/init.d/apache2 restart

# Langkah tiga: Membuat Database di MySql
Seseorang perlu database, user dan password, lakukan dari terminal (ganti '<namaDatabase>' sesuai keinginan)

mysqladmin -u root -p create <namaDatabase>

Mengakses database, ada baiknya tidak menggunakan akun root MySql, gunakan akun baru, dari terminal jalankan perintah

mysql -u root -p



GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP, INDEX, ALTER, CREATE TEMPORARY TABLES, LOCK TABLES ON namaDatabase.* TO '<namaAkunBaru>'@'localhost' IDENTIFIED BY '<passwordAkunBaru>';

Ganti '<namaAkunBaru>' dan '<passwordAkunBaru>' sesuai selera. Aktifasi perizinan akun baru, masih dari MySql, eksekusi perintah

FLUSH PRIVILEGES;

Keluar dari MySql, dengan perintah

\q

Karena password tercatat dalam history MySql dapat terbaca, hapus isinya! lakukan

nano ~/.mysql_history

hapus isinya baru kemudian save & quit

# Langkah empat: Cek status PHP
Kembali ke terminal, eksekusi perintah

sudo nano /var/www/testphp.php

ketikkan baris seperti dibawah

<?php phpinfo(); ?>

save & quit

Periksa status instalasi PHP dari browser kesayangan melalui alamat URI

http://localhost/testphp.php

Pestikan tak ada pesan kesalahan disetiap barisnya. OK, selesai untuk AMP kali ini. Enjoy ..

Bahan bacaan:
https://help.ubuntu.com/community/Tasksel
https://help.ubuntu.com/10.04/serverguide/C/httpd.html
https://help.ubuntu.com/community/MYSQL5FromSource
https://help.ubuntu.com/community/PHP5FromSource

Reka Foto Dual Nada Menggunkan GIMP

2010-05-21T08:49:00.011+07:00

Photography credit: Stivola. http://commons.wikimedia.org/wiki/User:Stivola

# Tentukan foto, lantas duplikasikan.

Menu > Layer > Duplicate Layer

# Transform foto menjadi BW.

Menu > Colors > Desaturate

# Reka layer baru dan beri warna 2bc6ff kemudian ubah modenya menjadi overlay.

'FG colors box' > 2bc6ff

Menu > Layer > New Layer > Foreground color

'Layer dialog' > Mode > Overlay

# Satukan layar baru ini dengan duplikasi foto sebelumnya menggunakan opsi 'Merge Down.'

Menu > Layer > Merge Down

# Ulang sekali lagi dari awal, tapi kali ini dengan menggunakan ffc600 sebagai warna layer barunya.

# Imbuh layer mask pada foto warna ffc600 dan centang pilihan 'Grayscale copy of layer.'

Menu > Layer > Mask > Add Layer Mask > Grayscale copy of layer

# Ulangi langkah di atas untuk foto warna 2bc6ff, tapi kali ini beri centang pada kotak 'Invert mask.'

# Pastikan foto warna ffc600 terletak diurutan paling atas, kemudian kurangi opacity-nya sesuai selera. Akan berbeda 'nilainya' dari foto ke foto.

# Demikian kira-kira

Retouch by me. Photography credit: Stivola. http://commons.wikimedia.org/wiki/User:Stivola

Bahan bacaan:
http://www.gimp.org/tutorials/
http://meetthegimp.org/

Template Blogger 3 Kolom: Minima Bagian 2

2010-05-20T03:50:00.002+07:00

Untuk opsi lain tengok minima bagian 1

Tiga langkah yang lebih-kurang perlu dilakukan:

#1. Ubah #header-wrapper hingga menjadi seperti berikut

#header-wrapper {

  width:100%;

  margin:0 auto 10px;

  border:1px solid $bordercolor;

  }

#2. Ubah #outer-wrapper, #main-wrapper, #sidebar-wrapper dan tambahkan selector #sidebar-tambahan-wrapper dan #content-wrapper .section sehingga menjadi seperti berikut

#outer-wrapper {

  width:750px;

  margin:0 auto;

  padding:10px;

  text-align:$startSide;

  font:$bodyfont;

  }



#sidebar-tambahan-wrapper {

  width:25%;

  float:$startSide;

  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */

}



#main-wrapper {

  width:50%;

  float:$startSide;

  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */

  }



#sidebar-wrapper {

  width:25%;

  float:$startSide;

  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */

}



#content-wrapper .section {

  margin-left:10px;

  margin-right:10px;

  overflow:hidden; /* fix for long non-text content breaking IE sidebar float */

}

#3. Ubah <div id='content-wrapper'> hingga menjadi seperti berikut



<div id='content-wrapper'>



      <div id='crosscol-wrapper' style='text-align:center'>

        <b:section class='crosscol' id='crosscol'/>

      </div>



      <div id='sidebar-tambahan-wrapper'>

        <b:section class='sidebar' id='sidebar-tambahan' preferred='yes'>

<!-- letakkan widget untuk sidebar-tambahan disini-->

</b:section>

      </div>



      <div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

      </div>



      <div id='sidebar-wrapper'>

        <b:section class='sidebar' id='sidebar' preferred='yes'>

<!-- letakkan widget untuk sidebar disini-->

</b:section>

      </div>



      <!-- spacer for skins that want sidebar and main to be the same height-->

      <div class='clear'>&#160;</div>



    </div> <!-- end content-wrapper -->

Template Blogger 3 kolom: Minima bagian 2

Catatan: selalu backup sebelum memulai

Bahan bacaan:
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=46870

Pengaturan Kerja Apache di Ubuntu

2010-05-10T16:23:00.014+07:00

Menjalankan Apache

sudo /etc/init.d/apache2 start

Me-restart Apache

sudo /etc/init.d/apache2 restart

Menghentikan sementara Apache

sudo /etc/init.d/apache2 stop

Mencegah Apache running saat startup

sudo update-rc.d apache2 remove

Mengembalikan Apache ke startup

sudo update-rc.d apache2 defaults

Bahan bacaan:
http://www.apache.org/
https://help.ubuntu.com/10.04/serverguide/C/httpd.html

Catatan Setelah Install Ubuntu 10.04 LTS - Lucid Lynx

2010-05-04T06:36:00.007+07:00

Karena pesta belum usai ..

# Tekan keagresifan swappiness, dari terminal:

sudo nano /etc/sysctl.conf

Pastikan line berikut tercantum

vm.swappiness=10

save & exit

# Langgani Google Public DNS, baca:

http://code.google.com/speed/public-dns/docs/using.html

# Pilih server unduhan terbaik, dari menu:

System > Administration > Software Source > Download from: > Other > Select Best Server

# Jalankan Update Manager, dari menu:

System > Administration > Update Manager

# Sembunyikan lubang-lubang tak perlu, dari terminal:

sudo apt-get install gufw

# Ringankan beban OS tetangga, dari terminal:

sudo apt-get install clamtk

# Jadikan hidup sedikit mudah, dari terminal:

sudo apt-get install ubuntu-restricted-extras

# Biar bisa nonton DVD, lanjutkan dengan:

sudo /usr/share/doc/libdvdread4/install-css.sh

# Kembalikan Wilber pada tempatnya, dari terminal:

sudo apt-get install gimp

# Cek hardware drivers, dari menu:

System > Administration > Hardware Drivers

# Begitu kira-kira ..

Bahan bacaan:
https://help.ubuntu.com/community/SwapFaq
http://gufw.tuxfamily.org/development/
http://clamtk.sourceforge.net/faq.html
https://help.ubuntu.com/community/RestrictedFormats/PlayingDVDs

Lucid Lynx: Kucing Liar Nan Tangguh

2010-04-30T06:20:00.014+07:00

Yang baru saja turun gunung, Ubuntu 10.04 Code Name "Lucid Lynx"

Camkan ini!:
Browse the web
Create professional documents and presentations
Get free software
Email and chat
Social from the start
Buy music while you listen
View, store and edit photos
Mobilise your digital life!
Make, play and edit video
Start fast with Ubuntu
Choose from hundreds of free games
Accessibility

Bahan bacaan:
http://www.ubuntu.com/products/whatisubuntu/1004features