Cara Menghemat Bandwidth Hosting Blog Dengan Design Image di CSS

Banyak cara menghemat bandwidth, namun kali ini hanya membahas cara menghemat bandwidth untuk blog dengan design yang mengandung gambar besar atau cukup besar. Jika trafik anda masih kecil mungkin tidak begitu terasa, namun akan terasa saat pengunjungnya sudah lumayan tinggi.

Caranya simple sekali yaitu meletakkan gambarnya bukan di hosting kita sendiri namun diletakkan di tempat lain dan untuk itu tentu yang bebas batasan bandwidth juga, jangan seperti photobucket yang terbatas, sama juga bohong.

Sampai saat ini menurut saya yang terbaik adalah menyimpannya di blogspot, karena masih terbukti bebas biaya dan tak ada batasan. Salah satu contohnya adalah ayomaju.com ini yang dari awal sudah menggunakan blogspot sebagai media penyimpanan gambar image css-nya. Coba saja Anda lihat beberapa gambar background dibawah ini:

Nah terlihat bukan bahwa atribut image blog ini ternyata ada diluar hosting, kalau ada yang ingin menggunakan teknik ini caranya mudah sekali, tinggal Anda lakukan posting semua gambar css Anda ke sebuah postingan di blog dummy blogspot, lalu ambil URL image-nya pada posisi yang besar, bukan yang tampil di blog yang biasanya ukurannya kecil. Untuk ini saya kira Anda sudah bisa melakukannya.

Nah kemudian buka file style.css di template blog wordpress Anda. Umumnya pengaturan css ada di file css ini, namun untuk template tertentu biasanya dialihkan ke file lain, silahkan saja dicari karena tidak sama tiap template.

Jika sudah perhatikan kode seperti dibawah ini:

#content_bkg{background-image: url('images/bg_span0.gif');background-repeat:repeat-y;}

Ganti semua yang mengandung gambar langsung ke alamat absolut gambar di blogspot sesuai dengan gambar untuk bagian tersebut. Misal seperti dibawah ini:

#content_bkg{background-image: url('http://lh4.ggpht.com/_viwZT63e0yQ/S3mn0K-24zI/AAAAAAAAA3U/Wf5lblGByL4/bg_span0_thumb%5B2%5D.gif?imgmax=1600');background-repeat:repeat-y;}

Diatas itu hanya misal saja, tentu saja sesuaikan dengan template Anda sendiri. Intinya adalah mengganti URL relative image ke URL absolut image diluar hosting kita sendiri. Yang pusing maksud URL relative dan URL absolut bisa mendapatkan informasi mengenai ini di Tutorial HTML lengkap 1 sampai Tutorial HTML lengkap 12, maaf lupa saya ada dibagian berapa mengenai penjelasan URL.

Selain menghemat image css tentu yang lebih berperan adalah gambar dalam postingan, kalau memang mau menghemat bandwidth ya jangan ditaruh di hosting, alias posting dulu gambarnya di blog dummy blogspot. Baru kita panggil dari blog wordpress kita. Kalau kesulitan baca dulu cara Mengoptimalkan pemasangan gambar di blog.

Semua cara diatas hanya untuk Anda yang hostingnya ada batasan bandwidth, namun kalau tidak ada, maka tentu saja tidak perlu repot-repot, untuk hosting yang unlimited Anda bisa mendaftar disini, dijamin tangguh.

Sekian dulu semoga menjadi referensi buat Anda.