340 Contributors ready to collaborate, Join now.


Latest Blog

Penggunaan image PNG pada Internet Explorer 6

Walaupun penggunaan IE 6 semakin berkurang namun jika kita lihat statistik pengguna IE 6 yang mengunjungi situs kita masih ada saja dan kita tidak bisa menyuruh mereka untuk menggunakan browser terbaru karena kondisi mereka mungkin berbeda dan mau tidak mau masih harus menggunakan IE 6 untuk mengakses internet.

Selain upaya kita untuk mengkampanyekan penggunaan browser terbaru demi kemajuan di masa depan, kita harus membuat alternatif bagi pengguna browser tua ini untuk mendukung fitur-fitur terbaru yang kita gunakan pada situs kita.

Salah satu fitur yang tidak dimiliki oleh IE 6 adalah dukungannnya terhadap penggunaan image bertipe PNG. Khusus browser IE 6 ke bawah, kita harus menggunakan script bernama DD_belatedPNG.

Transparansi pada tag image

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('img');
</script>
<![endif]-->

Dengan menentukan tag img pada DD_belatedPNG.fix(‘img’); maka setiap image PNG akan dapat terlihat transparan.

Transparansi pada background image

Untuk mengaplikasikannya pada background, cukup tentukan elemen yang terdapat image PNG-nya,

DD_belatedPNG.fix('img,body');

dan kita juga dapat menentukan elemen dengan id ataupun class,

DD_belatedPNG.fix('img,body,#content,#nav li a');

Sehingga jika kita ingin membuat image PNG dan background yang memiliki image PNG menjadi transparan di IE, maka kita dapat menentukan elemen mana yang mengandung PNG transparan :

<head>
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('img,body,#content,#nav li a');
</script>
<![endif]-->
</head>

Setiap halaman web yang dibuka di browser Internet Explorer 6, PNG yang seharusnya transparan akan menjadi transparan sebagaimana di browser-browser modern.

Upgrade WordPress cara Cepat!

Ok, kadang automatic upgrade bawaan WordPress tidak bisa berfungsi sehingga kita harus mengganti file lama secara manual. Tentu saja kita harus melakukan backup file dan database kita sebelum melakukan upgrade.

Dengan bantuan Plugin WP-Downloader kita bisa mempercepat proses upgrade dengan mengupload file wordpress langsung dari server wordpress.org dengan demikian kita tidak perlu mendownload, meng-extract dan kemudian mengupload seluruh file ke server kita. Berikut cara aman dan cepat bagaimana mengupgrade WordPress yang telah dilakukan pada 80tasks.

1. Delete File WordPress lama

Dulu pernah nge-delete file-file di server via FTP tapi percayalah, waktu yang dibutuhkan sama seperti ketika meng-upload file-file. Ada cara yang lebih cepat yaitu menggunakan File Manager bawaan cPanel.

cPanel File Manager

2. Upload wp-downloader.php

Kemudian segera upload file wp-downloader.php dan akses melalui browser, maka akan muncul tampilan berikut :

WP Downloader

3. Upgrade Database

Langkah terakhir adalah mengupgrade database, untuk melakukannya kita hanya perlu login sebagai admin dan tekan tombol Upgrade. Setelah itu akan muncul informasi bahwa database telah terupdate.

Wordpress Upgrade Database

Selesai! Proses upgrade ini hanya memakan waktu hanya 1-2 menit. Berapa lama waktu yang kamu butuhkan untuk meng-upgrade WordPress secara manual ketika Automatic Upgrade bawaan WordPress bermasalah?

WordPressed and Optimized

Beberapa waktu yang lalu kami berpikir untuk menggunakan beberapa plugin WordPress untuk memenuhi kebutuhan yang bekaitan dengan kemudahan posting code, image slideshow, upload file maupun demo page baik dari backend maupun frontend. Namun setelah mempertimbangkan penggunaan plugin yang dapat menimbulkan masalah kompatibilitas setiap kali mengupgrade WordPress, maka diputuskan untuk mengambil cara lain yang lebih aman dan sesuai dengan cara kerja WordPress itu sendiri, yaitu dengan jalan memindahkan fungsional plugin ke function theme.

Previous Blog


80tasks RSS

Optimized by SEO Ultimate