Minggu, 17 April 2011

Modifikasi Themes WordPress


Melakukan perubahan pada template wordpress adakalanya akan semakin memperindah dan mempercepat akses sebuah blog apalagi jika anda mengerti pengkodean CSS, HTML, php dan penguasaan program Graphic Design.
Kadang disaat searching untuk mencari Free WordPress Themes download

maupun Premium sangatlah sulit untuk menemukan themes seperti yang diinginkan. Karena saat melakukan penggantian Themes beberapa faktor memang perlu dipertimbangkan. Maka yang menjadi alternatif pun adalah melakukan modifikasi baik dari design grafis maupun script css, html dan phpnya agar memenuhi kriteria seperti yang disebutkan sebelumnya.
Bagi saya pribadi menggonta ganti Themes tidak boleh asal karena perlu pertimbangan dari segi appearence, accesibility, flexibility dan tentunya juga apakah themes yg dipilih SEO Friendly atau tidak. Bahkan beberapa blogger (salah satunya : Fanari-id) sangat memperhatikan Semantic HTML dalam struktur pengkodean template blog karena hal ini sangat menyangkut dengan aksesibilitas sebuah blog dan sangat membantu search engine dalam memahami content sebuah situs karena adanya penekanan-penekanan tertentu dalam penulisan yang dapat mewakili maksud, Ekspresi bahkan intonasi seperti yang digunakan dalam perangkat text to speech reader.
Baik, mari kita abaikan sejenak hal-hal yg terlalu prinsipil diatas sebab jika menelaah lebih jauh anda mungkin akan menganggap modifikasi themes itu sangat rumit padahal sebenarnya tidak sesulit yang anda pikirkan. Dalam artikel ini kita akan share atau lebih tepatnnya sama-sama belajar melakukan modifikasi themes wordpress dan sebagai obyek themesnya kita gunakan saja Themes Default WordPress sebagai uji coba. 

Mengganti Image Header pada Template Default WordPress

Kebanyakan orang ketika mengunjungi sebuah blog maupun situs tentunya bagian Header menjadi perhatian utama bagi pengunjung karena pada bagian ini dapat mewakili topik keseluruhan sebuah blog terlebih lagi jika Image Header yang digunakan dapat memberi gambaran tentang info apa saja yg tersedia dalam blog.
Untuk itulah ada baiknya image header blog anda disesuaikan dengan topik blog dan di design sedemikian rupa sehingga akan memberikan daya tarik tersendiri bagi pengunjung.
Untuk merubah image header pada template default WordPress caranya mudah silahkan ikuti petunjuk dibawah ini.
Jika wordpress anda telah diinstall dengan menggunakan XAMPP sebagai web server pada komputer maka File image header dapat ditemukan dalam directory C:\xampp\htdocs\[namablog-pada-komputer-lokal]\wp-content\themes\default\images dengan nama file image kubrickheader.jpg
Sedangkan jika wordpress berada dihosting maka anda perlu login menggunakan program ftp seperti filezilla, core ftp dll untuk mendownload File image header tersebut yang dapat ditemukan pada directory /public_html/wp-content/themes/default/images dengan nama file image kubrickheader.jpg
Selanjutnya lakukan editing pada file image tersebut mengunakan salah satu program design grafis seperti photoshop atau program apa saja yang anda bisa gunakan untuk mengedit image. Kemudian save image dengan nama dan ekstensi yang sama lalu copy atau upload kedalam directory semula. Yang perlu diperhatikan dalam proses saving ini adalah kwalitas image gunakan level low image agar saat loading pada blog anda tidak lambat / berat.
Hal yang sama juga bisa dilakukan pada themes wordpress yang lain. Anda hanya perlu mengetahui nama file dan posisi image header diletakkan dan lanjutkan seperti cara diatas. 

Tips berbagai cara menyimpan satu halaman web


Tips berbagai cara menyimpan satu halaman web



Ketika kita menjumpai halaman web dengan artikel yang menarik, dan ingin disimpan penuh termasuk gambarnya, maka pada umumnya bisa digunakan menu standard : File > Save as ( Internet Explorer atau Opera ) atau Save Page as ( Mozilla Firefox ) kemudian dibagian save as type dipilih Web Page, Complete, sehingga seluruh halaman web akan tersimpan. Tetapi hal ini ada beberapa kelemahan, yaitu banyaknya file yang akan ikut tersimpan dan jika ada satu image yang loading (tampil) nya lama, maka sering halaman web tidak bisa tersimpan. Adakah alternatif atau cara lain yang lebih baik ?

save-web-page
Berikut beberapa alternatif atau cara lain jika kita ingin menyimpan penuh satu halaman web.
Menyimpan dalam web archive
Bagi pengguna Opera mungkin sudah tidak asing dengan fasilitas ini. Kita dapat menyimpan satu halaman penuh termasuk gambar yang ditampilkan dalam sebuah file saja ( Web Archive ), yang bisa ditampilkan di web browser secara offline. Caranya melalui menu File > save as, kemudian dari window yang tampil dipilih tipe ( bagian Save as type ) web archive ( single file), file nantinya akan tersimpan dalam format *.mht ( Multipurpose Internet Mail Extension HTML / MHTML / MHT ) . Bagi pengguna Internet Explorer, mulai versi 7 fasilitas ini juga telah tersedia, yaitu ketika menyimpan halaman memilih tipe Web Archive, single file ( *.mht).
Menyimpan dalam format pdf
Hal ini sangat berguna jika kita ingin menghasilkan satu halaman web dalam bentuk pdf. Bagaimana caranya ? Gunakan saja software gratis seperti PDF Creator, CutePDf, PrimoPDF dan sejenisnya. Bisa dilihat artikel : Membuat dokumen PDF gratis dan mudah. Jika software ini sudah diinstall, kemudian kita ingin menyimpan halaman dalam format pdf, tinggal memilih menu File > Print, kemudian pada bagian Printer – Name dipilih software pdf yang telah diinstall, misalnya CutePDF, PDF Creator atau lainnya lalu klik Print. Dengan aplikasi ini kita bisa mencetak apa saja dan dari tampilan apa saja ( asal ada menu Print ) dalam format Pdf. Sepertinya Mozilla Firefox 3 nantinya akan menyertakan fasilitas save as pdf sedangkan browser Safari sudah menyertakan fasilitas ini sejak awal.
Menyimpan dalam format Image
Hal ini mungkin jarang kita ketahui, dengan fasilitas ini kita bisa menyimpan tampilan web dalam image. Untuk bisa melakukan hal ini, diperlukan browser Mozilla Firefox dan tambahan plugins, salah satunya yang bernama Save as image. Install plugin dari sini. Setelah diinstall dan Firefox di restart (jalankan ulang), akan tampil sub menu tambahan “Save Page As Image”, tinggal dipilih menu File > Save Page As Image. Maka akan tampil image yang akan disimpan dengan beberapa pilihan Style, area dan output (Format dan Quality). Kita bisa memilih format PNG, JPG atau GIF.

save-as-image
Bisa juga menyimpan dalam format image dengan aplikasi screenshot, seperti SnagIT dan sebagainya, tetapi hal itu kurang praktis.
Tampilan plugin save as image :

save as image plugin

memblokir banner

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

cara untuk promosi blog


saya akan menjelaskan cara promosi blog yang praktis dan efesien, kebanyakan di Blog-blog lain caranya berbelit-belit, padahal ada cara lain yang lebih mudah supaya blog kita bisa terdaftar langsung di 40 (empatpuluh) mesin cari / search engine dalam waktu bersamaan. Yakni dengan cara memanfaatkan layanan gratis submitexpress.com yang memakai tools khusus agar alamat URL blog yang kita daftarkan lewat situs ini dapat sekaligus terdaftar ke 40 search engine baik yang besar seperti Google, Yahoo dan MSN maupun yang kecil-kecil. Ikuti langkah praktis berikut:
1. Silahkan meluncur ke http://submitexpress.com
2. Isi alamat blog Anda di kotak yang tersedia di bawah tulisan FREE SUBMISSION. Jangan lupa pakai http://… Contoh, http://bendeddy.wordpress.com
3. Klik Continue
4. Isi Email Anda di kotak yang tersedia.
4. Setelah mengisi kode rahasia yang ada di bagian bawah, klik “submit”
5. Selesai…
Catatan yang perlu diperhatikan: Sebagian kecil search engine akan mengirim email konfirmasi ke Anda, klik saja link untuk konfirmasi yang diminta.

Mengamankan Blog atau Website dari Para Hacker


Mengamankan Blog atau Website dari Para Hacker


Jika Anda adalah seorang blogger ataupun webmaster, maka pasti pernah merasa khawatir jika situs atau blog yang Anda buat telah di-hack. Bahkan semakin populer website yang Anda buat, maka kerawanan yang ada juga semakin besar.


Berikut beberapa tips yang bisa digunakan untuk mengamankan blog atau situs Anda :



Cegah penyusup
Penyusup yang dimaksud adalah perpaduan angka, huruf dan karakter lainnya yang digunakan hacker untuk membobol ‘jalan masuk’ ke situs atau blog Anda. Bahkan script code Python juga bisa menembus username dan password Anda. Oleh karena itu, gunakan password yang kuat, kombinasikan huruf besar atau kecil dan angka ataupun karakter khusus sehingga tidak mudah ditebak. Trik lainnya adalah dengan menggunakan generator password WP Security Scan, atau menambah form login Apache untuk melindungi admin directory web, dimana penggunaannya hampir mirip seperti di level authentication server (htpasswd). Selain itu, plug-in WP Security Scan juga berguna untuk men-disable hot link, atau akses langsung ke directory wp-content.

Hati-hati dengan plug-in
Tidak semua plug-in bisa dipercaya, ada yang juga berlaku sebagai mata-mata guna mengeksploitasi kelemahan di blog atau di situs Anda. Untuk mengantisipasinya, Anda bisa menyembunyikan directory “wp-content/plug-in”. dengan membuat file kosong yang diberi nama “index.html”, yang lalu di-upload ke directory “wp-content/plug-in”.

Backup database
Mem-backup database situs atau blog harus dilakukan sesering mungkin dan rutin, bisa melalui phpmyadmin dalam account hosting atau menggunakan plug-in, seperti WP-Database Backup. Anda hanya perlu login ke panel admin WordPress dan click beberapa link.

Sembunyikan versi blog
Hacker dapat secara mudah mengetahui versi blog WordPress Anda hanya dengan melihat dalam source code di browser. Oleh karena itu, Anda dapat menghapus baris dalam header.php di theme yang Anda gunakan.

Scanning WordPress
Anda dapat menggunakan plug-in WP Security Scan, yang dapat mengidentifikasi lubang keamanan yang ada di blog, cara menghapus nama table prefix, menghapus account admin, verifikasi directory blog dan menguji kekuatan password.

beritanet.com

tips memilih laptop


Dua tahun ke belakang, kalau kita lihat orang bawa laptop, ehhm… sepertinya keren banget dan berkelas. Tapi sekarang, seiring kemajuan teknologi Laptop sudah bukan merupakan barang mewah lagi. Sama halnya seperti handphone, saat ini Laptop sudah menjadi kebutuhan pokok. Baik bagi pelajar, mahasiswa, ataupun kaum eksekutif.
Berbagai jenis Laptop bermunculan dari mulai yang murah dengan spesifikasi pas-pasan, sampai yang harganya mahal dengan spesifikasi yang high end. Nah buat anda yang punya rencana ingin membeli laptop, dan bingung menentukan pilihan, ada baiknya baca dulu tips berikut ini :

Ukuran :  bagi yang sering bepergian jauh dan mengandalkan Laptop sebagai “asisten pribadi” ada baiknya anda memilih model Subnotebook dengan berat antara 3 pound atau kurang biar ringan dijinjing kemana-mana, seperti Apple’s MacAir  atau Lenovo ThinkPad dengan harga berkisar $1.500 sampai $3.000. Namun jika anda lebih banyak menggunakan Laptop di rumah, sekolah atau kantor ada baik anda memilih seperti Dell Inspiron 1525, HP dv6700 atau Apple MacBook dengan berat 6-5 pound dan harga yang jauh lebih murah sekitar $800 sampai $1.200.
Operating System. Vista Vs XP.  System operasi sangat penting buat mendukung aktivitas anda, karena itu sesuaikan system operasi dengan kemampuan yang anda miliki. Bila anda terbiasa memakai OS Windows XP tentu lebih bijak jika anda memilih Laptop dengan Built in Windows XP. Selain akan lebih mudah mengoperasikannya, anda pun tidak memerlukan waktu lama untuk beradaptasi dengan Laptop yang baru saja anda beli. Selain itu anda akan lebih mudah menemukan Laptop dengan Built in Windows XP dibandingkan Vista. Perlu diperhatikan juga compabilitas hardware maupun software, dimana Vista masih sering menemui masalah (tidak kompetibel) dengan dengan add-on hardware maupun softaware.
Memory : Jika anda membeli Laptop Apple, dua gigabytes sudah tersedia secara built in. Ini. Tapi bila anda ingin memakai Windows Vista maka untuk mendapatkan performa terbaik, sedikitnya anda membutuhkan tiga gigabytes memory.
Processor : untuk keperluan office sehari-hari, dual-core prosessor tentu sudah cukup baik. Lain lagi bila anda berencana memakai Laptop untuk main game, maka pilihlah prosessor yang lebih tinggi.
Storage : Jika anda ingin menjadikan Laptop sebagai komputer utama yang mendukung kerja atau aktivitas anda sehari-hari, maka 160 gigabyte hardisk lebih dari cukup. Lebih besar tentu lebih baik, tapi ada baiknya sesuaikan dengan kebutuhan anda.
Batery life : tak diragukan lagi pilihlah Laptop dengan kemampuan batery yang lama. Jangan sampai baru dipakai 1 jam, harus dicharges.
Ada berbagai macam pertimbangan untuk memilih sebuah Laptop, ketika anda berencana membeli sebuah Laptop, pikirkanlah baik-baik bagaimana dan untuk apa anda memakai Laptop. Dengan begitu anda bisa lebih focus terhadap  satu atau dua pilihan saja yang terbaik buat anda.

Tips Memilih Format Gambar BMP, JPG, GIF, atau PNG


Tips Memilih Format Gambar BMP, JPG, GIF, atau PNG


Sebagai bloger atau webmaster, jika ingin memasukkan gambar ke blog/web, kita harus memilih tipe gambar yang akan kita pakai, apakah JPG, GIF, atau PNG. Jika format yang dipilih tidak sesuai dengan jenis gambarnya, gambar tersebut ukurannya akan lebih besar daripada yang semestinya, dan menyebabkan waktu loading blog/website kita lebih lama. Padahal, pengunjung suka terhadap blog atau web yang loadingnya cepat dan tidak boros bandwidth. Untuk itu, kita harus mengusahakan agar gambar-gambar dalam blog atau website kita memiliki ukuran sekecil mungkin. Caranya bagaimana?

MEMILIH TIPE DAN MEMPERKECIL UKURAN GAMBAR

Jika kita menyimpan gambar dengan program pengolah gambar seperti Adobe Photoshop atau Microsoft Paint, maka kita dapat memlilih format gambar yang sesuai melalui menu File -> Save As dan pilih tipe file yang kita inginkan. Khusus untuk Adobe Photoshop ada feature tambahan yang lebih baik lagi dengan menu File -> Save For Web. Dengan Adobe Photoshop ini, selain dapat memilih tipe gambar, kita juga dapat mengatur kompresi dan kualitas gambar. Berikut ini tipe-tipe gambar yang sering digunakan.

BMP (BITMAP)

Tipe file BMP umum digunakan pada sistem operasi Windows dan OS/2. Kelebihan tipe file BMP adalah dapat dibuka oleh hampir semua program pengolah gambar. Baik file BMP yang terkompresi maupun tidak terkompresi, file BMP memiliki ukuran yang jauh lebih besar daripada tipe-tipe yang lain.

File BMP cocok digunakan untuk:

  • desktop background di windows.
  • sebagai gambar sementara yang mau diedit ulang tanpa menurunkan kualitasnya.

File BMP tidak cocok digunakan untuk:

  • web atau blog, perlu dikonversi menjadi JPG, GIF, atau PNG.
  • disimpan di harddisk/flashdisk tanpa di ZIP/RAR, kecuali space tidak masalah bagi Anda.

JPG/JPEG (JOINT PHOTOGRAPHIC EXPERTS GROUP)

Tipe file JPG sangat sering digunakan untuk web atau blog. File JPG menggunakan teknik kompresi yang menyebabkan kualitas gambar turun (lossy compression). Setiap kali menyimpan ke tipe JPG dari tipe lain, ukuran gambar biasanya mengecil, tetapi kualitasnya turun dan tidak dapat dikembalikan lagi. Ukuran file BMP dapat turun menjadi sepersepuluhnya setelah dikonversi menjadi JPG. Meskipun dengan penurunan kualitas gambar, pada gambar-gambar tertentu (misalnya pemandangan), penurunan kualitas gambar hampir tidak terlihat mata.

File JPG cocok digunakan untuk:

  • gambar yang memiliki banyak warna, misalnya foto wajah dan pemandangan.
  • gambar yang memiliki gradien, misalnya perubahan warna yang perlahan-lahan dari merah ke biru.

File JPG tidak cocok digunakan untuk:

  • gambar yang hanya memiliki warna sedikit seperti kartun atau komik.
  • gambar yang memerlukan ketegasan garis seperti logo.
contoh gambar jpg kualitas tinggi
Gambar 1. Contoh gambar kaya warna dengan JPG kualitas tinggi (32kb)
contoh gambar jpg kualitas rendah
Gambar 2. Contoh gambar kaya warna dengan JPG kualitas rendah (14kb)

GIF (GRAPHICS INTERCHANGE FORMAT)

Tipe file GIF memungkinkan penambahan warna transparan dan dapat digunakan untuk membuat animasi sederhana, tetapi saat ini standar GIF hanya maksimal 256 warna saja. File ini menggunakan kompresi yang tidak menghilangkan data (lossles compression) tetapi penurunan jumlah warna menjadi 256 sering membuat gambar yang kaya warna seperti pemandangan menjadi tidak realistis. Pada program MS Paint, tidak ada fasilitas penyesuaian warna yang digunakan (color table) sehingga menyimpan file GIF di MS Paint seringkali menghasilkan gambar yang terlihat rusak atau berubah warna. Pada program pengolah gambar yang lebih baik, seperti Adobe Photoshop, color table bisa diatur otomatis atau manual sehingga gambar tidak berubah warna atau rusak.

File GIF cocok digunakan untuk:

  • gambar dengan jumlah warna sedikit (dibawah 256).
  • gambar yang memerlukan perbedaan warna yang tegas seperti logo tanpa gradien.
  • gambar animasi sederhana seperti banner-banner iklan, header, dan sebagainya.
  • print shoot (hasil dari print screen) dari program-program simple dengan jumlah warna sedikit.

File GIF tidak cocok digunakan untuk:

  • gambar yang memiliki banyak warna seperti pemandangan.
  • gambar yang didalamnya terdapat warna gradien atau semburat.
ilustrasi gambar gif transparan
Gambar 3. Ilustrasi gambar transparan dengan GIF pada background kotak-kotak
contoh gambar gif animasi 01contoh gambar gif animasi 02
Gambar 4 & 5. Gambar GIF animasi

PNG (PORTABLE NETWORK GRAPHICS)

Tipe file PNG merupakan solusi kompresi yang powerfull dengan warna yang lebih banyak (24 bit RGB + alpha). Berbeda dengan JPG yang menggunakan teknik kompresi yang menghilangkan data, file PNG menggunakan kompresi yang tidak menghilangkan data (lossles compression). Kelebihan file PNG adalah adanya warna transparan dan alpha. Warna alpha memungkinkan sebuah gambar transparan, tetapi gambar tersebut masih dapat dilihat mata seperti samar-samar atau bening. File PNG dapat diatur jumlah warnanya 64 bit (true color + alpha) sampai indexed color 1 bit. Dengan jumlah warna yang sama, kompresi file PNG lebih baik daripada GIF, tetapi memiliki ukuran file yang lebih besar daripada JPG. Kekurangan tipe PNG adalah belum populer sehingga sebagian browser tidak mendukungnya.

File PNG cocok digunakan untuk:

  • gambar yang memiliki warna banyak.
  • gambar yang mau diedit ulang tanpa menurunkan kualitas.

File PNG tidak cocok digunakan untuk:

  • gambar yang jika dikompress dengan JPG hampir-hampir tidak terlihat penurunan kualitasnya.
ilustrasi png dalam format jpg
Gambar 6. Ilustrasi gambar transparan dengan PNG pada background kotak-kotak (hanya ilustrasi, gambar di atas bertipe JPG).

RASTER VS VEKTOR

Semua tipe file gambar yang disebutkan di atas (BMP, JPG, GIF, dan PNG) termasuk jenis gambar raster (atau disebut juga Bitmap). Gambar raster terdiri dari titik-titik pixel yang jumlahnya tetap. Jika diperbesar, baik di-zoom atau diubah ukuran gambarnya, gambar akan terlihat pecah atau tidak sebagus aslinya. Jenis gambar yang lain adalah gambar vektor. Gambar vektor terdiri dari garis, bentuk, bidang, dan warna yang dituliskan dalam instruksi-instruksi matematis. Jika diperbesar, gambar vektor kualitasnya tetap. Aplikasi pengolah gambar vektor misalnya CorelDraw (CDR) dan Adobe Ilustrator (AI). Gambar vektor saat ini tidak dapat digunakan di web atau browser.

Demikian penjelasan mengenai tipe-tipe gambar, dengan memilih tipe gambar yang sesuai, ukuran file gambar jadi lebih kecil, dan pengunjung web/blog kita tidak perlu menunggu lama pada saat loading dan menghemat bandwidth pengunjung, sehingga pengunjung akan lebih kerasan singgah di web atau blog kita. Semoga bermanfaat.