Mempercepat Loading Blog Dengan CSS Compressor

Loading time suatu blog memiliki pengaruh yang besar terhadap pageview yang didapat. semakin lama waktu loading blog yang dihabiskan untuk membuka halaman, maka semakin kecil kesempatan untuk mendapatkan banyak pageview dari pengunjung blog. Salah satu cara untuk mempercepat loading blog adalah dengan melakukan kompres CSS untuk mempersingkat waktu saat diakses oleh internet browser dengan kecepatan internet yang lambat, lemot dan pas-pasan.

Blogger yang berasal dari indonesia seharusnya menyadari fakta bahwa sebagian besar pengguna internet di indonesia masih menggunakan internet dengan kecepatan yang boleh dibilang lambat. seperti halnya saya pribadi yang masih menggunakan CDMA Modem dengan kecepatan maksimal 135 Kb/s atau sekitar 16 KB/s.

Seberapa cepat waktu yang dibutuhkan untuk membuka blog anda?

Salah satu cara untuk mempercepat loading blog adalah melakukan kompres pada script CSS dengan bantuan CSS Compressor. Website penyedia layanan css compressor adalah CSS Drive.

Tools yang disediakan oleh CSS Drive yaitu CSS Compressor berguna untuk kompres script css agar lebih ringan dan cepat saat diakses oleh internet browser.

Cara mempercepat loading blog dengan menggunakan CSS Compressor :

1. Copy script css yang akan dikompres
2. Langsung meluncur ke CSS Drive
3. Paste di kolom textarea yang sudah disediakan
4. Klik Compress-it !
5. Script CSS sudah dikompres dan siap digunakan

Pilihan pengaturan kompres yang disediakan adalah Compression mode dan Comments handling. ada juga Advanced mode untuk pengaturan kompres css yang lebih lanjut.

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. The "Normal" mode should work well in most cases, creating a good balance between the two.

Sering kali kita tidak menyadari banyaknya CSS yang digunakan untuk mempercantik blog secara tidak langsung juga menambah berat blog saat diakses.

Semakin berat blog yang diakses oleh pengunjung maka semakin besar kemungkinan pengunjung tidak betah berlama-lama diblog tersebut. meskipun masih banyak faktor lain yang menyebabkan lamanya loading blog saat diakses. Mempercepat laoding blog dengan CSS Compressor hanya salah satu cara untuk mempercepat waktu loading halaman blog yang kita miliki.

Memasang Peta Google Maps di Blog Ternyata Sangat Mudah

Google maps sangat berguna untuk melihat suatu lokasi di berbagai kawasan diseluruh dunia. mulai dari kawasan kota besar sampai pelosok desa dapat dilihat lokasinya dengan mudah. Untuk memasang peta google maps di blog yang anda miliki sangatlah mudah, tidak diperlukan keterampilan khusus. cukup memasukan lokasi atau daerah yang anda maksudkan, kemudian copy paste HTML Code yang sudah disediakan.

Banyak hal yang membuat Google pantas disebut penguasa internet, mereka membuat berbagai macam produk yang sangat sukses dan bermanfaat bagi semua pengguna internet. Dari semua perusahaan besar di internet, google lah yang selalu membuat inovasi inovasi yang mampu membuat mereka menjadi terdepan dalam bidangnya.

Cara memasang dan menampilkan peta google maps di blog

1. Menuju ke maps.google.com dan masukan lokasi yang ingin anda cari, pastikan menulis lokasi dengan benar dan secara otomatis google maps akan memberikan saran lokasi yang mungkin anda maksud.
2. Untuk mencari lokasi yang lebih spesifik, anda dapat memasukan nama jalan yang ada pada lokasi atau daerah yang sedang anda cari.
3. Setelah lokasi yang anda cari ditemukan, lihat simbol link yang terdapat pada pojok kanan atas(lihat gambar dibawah), klik simbol tersebut dan muncul HTML code lokasi yang sudah anda cari.
4. Copy dan Paste HTML code tadi, dan peta lokasi dari google maps sudah muncul di blog anda

Siapa yang tidak mengenal Google Maps juga Google Earth? kemudahan dalam menggunakan google maps menjadikan produk google ini digunakan oleh sebagian besar pengguna internet dengan berbagai tujuan dan keperluan.

Contoh peta lokasi Kabupaten Purbalingga yang saya ambil dari Google Maps


View Purbalingga, Jawa Tengah, Indonesia in a larger map

Dengan memasang peta dari google maps di blog, anda dapat memberitahukan lokasi perusahaan atau daerah tempat tinggal anda kepada pengunjung blog. atau juga untuk mencari lokasi tertentu dari daerah anda tinggal.

Cara Membuat Screen Shot Website Dengan Pixlr Grabber

Ada banyak add ons mozilla firefox yang dapat digunakan untuk membuat screen shot halaman web. salah satu add ons yang sudah terkenal cukup lama untuk mengambil screen shot blog atau halaman website adalah Pixlr Grabber. Add ons mozilla yang satu ini bisa digunakan untuk membuat screen shot full page maupun sebagian halaman. Penggunaannya pun sangat mudah, cukup dengan 1x klik kanan akan muncul context menu Grab dan dengan opsi yang bervariasi.

Add ons Pixlr Grabber tentunya sangat di butuhkan oleh blogger untuk mengambil screen shot gambar yang nantinya digunakan sebagai pelengkap postingan. selain bisa digunakan untuk mengambil screen shot pada browser Mozilla Firefox, Pixlr Grabber juga dapat di instal dan digunakan dengan baik pada browser Google Chrome.

Pengambilan screen shot www.kopianget.com dengan Pixl Grabber

Versi terbaru dari add ons ini adalah Pixlr Grabber 2.1.1 yang sudah support mozilla firefox terbaru dan juga support dan bisa digunakan pada firefox versi sebelumnya.

Options Pixlr Grabber untuk mengambil screen shot ada 3 jenis

1. Grab entire page
Option ini digunakan untuk membuat screen shot secara full page atau semua bagian blog/website dengan 1x klik.
2. Grab a define area
Option ini digunakan untuk membuat screen shot sesuai ukuran yang ditentukan.
3. Grab visible part
Untuk mengambil screen shot halaman blog yang terlihat oleh browser yang digunkan.

Cara menggunakan add-ons firefox pixlr grabber

Cara Penggunaan add-ons Pixlr Grabber

1. Setelah menginstall add ons Pixlr Grabber ini, gunakan klik kanan untuk memunculkan context menu optios Grab dan pilih sesuai kebutuhan.
2. Selesai mengambil screen shot halaman blog/website dengan mengklik 'crop', kemudian tentukan screen shot akan langsung di save di computer, save di clipboard atau di edit secara online.
3. Mudah, cepat, praktis

Cara Membuat Screen Shot Dengan Pixlr Grabber sangatlah mudah sehingga memudahkan aktivitas blogging baik untuk mengambil screen shot secara full page maupun sesuai ukuran gambar yang dibutuhkan. Bila anda seorang blogger, maka add ons ini memang wajib anda miliki.

Cara Mudah Memasang Kode Iklan BidVertiser di Blog

Setelah mendaftar situs pay-per-click BidVertiser, selanjutnya memasang script iklan tersebut pada blog. sebenarnya untuk memasang kode iklan bidvertiser sudah ada petunjuk saat anda login ke akun anda. tutorial cara memasang script iklan bidvertiser ini ditujukan kepada siapa saja yang masih kesulitan untuk memasang kode iklan dari bidvertiser. Untuk tutorial yang akan saya berikan berikut ini, akan di tambahkan tips mengoptimalkan iklan BidVertiser.

Bagi anda yang belum mendaftar bidvertiser, sebaiknya membaca artikel Review PPC BidVertiser dan bagi anda yang belum yakin bidvertiser akan membayar publisher baik blogger maupun webmaster silahkan baca artikel Bukti Pembayaran BidVertiser dan $10 Dari Bidvertiser, Bukti pembayaran bulan-bulan berikutnya akan dipostingkan secepatnya.

Tutorial memasang iklan bidvertiser dengan mudah tanpa ribet

CARA MUDAH MEMASANG SCRIPT IKLAN BIDVERTISER

1. Login ke BidVertiser.com
2. Perhatikan tab MANAGE BIDVERTISERS yang ada diatas, klik Add new BidVertiser yang persis dibawahnya
3. Pilih optuons sesuai kebutuhan dan isikan data-data blog/website yang akan menampilkan iklan bidvertiser
4. Bila ingin menampilkan iklan bidvertiser di alamat blog/web yang baru, pilih saja option Add new BidVertiser under a new domain
5. Klik Finish jika sudah selesai mendaftarkan blog/website
6. Selanjutnya kembali ke halaman Publisher Center
7. Setelah blog/website yang baru didaftarkan muncul di Publisher Center, klik Choose Template
8. Banyak format iklan yang disediakan, pilih sesuai keinginan kemudian klik Customize Color untuk mengatur tampilan warna iklan
9. Setelah selesai, klik Update dan klik Update 1x lagi untuk kembali ke Publisher Center
10. Pada halaman Publisher Center, klik Get Ad Code dan copy script yang disediakan kemudian Close
11. Paste script yang sudah di copy tadi di halaman blog/website yang di inginkan

TIPS MENGOPTIMALKAN PENDAPATAN IKLAN BIDVERTISER

1. Blog dan Website
1 script iklan bidvertiser hanya untuk 1 URL blog/website yang sudah di daftarkan. apabila ingin memasang iklan bidvertiser pada URL yang berbeda, pilih options 'Add new BidVertiser under a new domain'.
2. Format Ukuran Iklan
Format iklan (ukuran iklan) yang dipilih juga berpengaruh terhadap besar kecilnya nilai CPC(cost per click) atau harga iklan per klik. Format iklan yang saya rekomendasikan adalah Medium Rectangle (300x250) dan Wide Skyscraper (160x600) dimana nilai perklik kedua format iklan tersebut lebih besar bila di bandingkan ukuran iklan yang lainnya.
3. Impressions Iklan
Jumlah Impressions iklan bidvertiser ditentukan dari banyaknya pengunjung yang melihat iklan dikali banyaknya slot iklan bidvertiser yang dipasang pada suatu halaman web. Bila pengunjung hari ini yang datang adalah 100 orang dan anda memasang 2 slot iklan maka Impressions yang anda dapatkan adalah 2x100= 200 Impressions. Jumlah Impressions dapat dilihat pada tab Report kemudian sumarry.
4. Iklan Tidak Bernilai
Tidak semua iklan BidVertiser ada nilainya. iklan bidvertiser yang tidak bernilai adalah iklan yang berbunyi Your Ad Here for Free. bila pengunjung meg-klik iklan tersebut maka anda tidak mendapat apa-apa.

Demikian tutorial cara memasang iklan bidvertiser dengan mudah yang di selingi dengan tips singkat mengoptimalkan iklan bidvertiser.
Untuk tips selengkapnya mengenai pengoptimalan iklan bidvertiser akan dipostingkan pada artikel-artikel berikutnya.

Cara Membuat Daftar Isi Blog Tanpa Javascript Lebih Ringan

Untuk membuat daftar isi blog, biasanya membutuhkan eksternal javascript yang diletakan di luar blogger. cara membuat daftar isi blog yang seperti ini secara tidak langsung akan menambah berat blog saat diakses. Dengan membuat daftar isi blog tanpa eksternal javascript, akan mempercepat loading halaman blog dan membuat pengunjung lebih betah berlama-lama. tentunya akan berdampak positif pada page view yang didapatkan dari pengunjung blog.

Cara membuat sitemap blog tanpa eksternal javascript saya temukan dari pengalaman pribadi yang bersumber dari eksternal javascript yang digunakan Kopi Anget Kang Topjer.

Tampilan daftar isi blog dengan internal javascript

Dan teryata untuk membuat daftar isi blog tidaklah susah dan dampaknya tentu loading halaman daftar isi blog akan lebih cepat dibanding menggunakan eksternal javascript. sedangkan dampak positif yang lebih jauh adalah kesempatan mendapatkan page view lebih banyak dari pengunjung blog.

Dalam pembuatan sitemap blog tanpa eksternal javascript ini dibutuhkan 2 buah script, yang pertama untuk meng-generate list artikel atau daftar postingan dan yang kedua untuk memanggil url postingan dari feed blog.
Kedua script tersebut akan dimasukan kedalam static page yang nantinya digunakan sebagai halaman daftar isi blog.

Script pertama digunakan untuk membuat daftar isi blog :

<script type='text/javascript'>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('<br/><a href="http://www.kopianget.com/" style="font-size: 1px; text-decoration:none; color: #333;">kangtopjer</a></br/>')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><a href="'+postYearMonth2[b]+'">'+temp1+"</a></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><p>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
//]]>
</script>

Script kedua digunakan untuk memanggil posting dari feed blog :

<script type='text/javascript'>
//<![CDATA[
<script src="http://www.kopianget.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
//]]>
</script>

Cara membuat daftar isi blog tanpa eksternal javascript

1. Login ke akun blogger
2. Klik Posting kemudian Edit Pages
3. Klik New Page dan paste script pertama yang sudah di copy tadi
4. Kemudian paste script kedua persis dibawah script pertama
5. Klik Publish Page
6. Daftar isi blog tanpa javascript sudah jadi

ALTERNATIF LAIN CARA MEMBUAT DAFTAR ISI PADA BLOG

Dikarnakan banyak sobat blogger yang belum sukses dalam membuat daftar isi pada blog menggunakan cara diatas, maka kang topjer menyediakan alternatif script untuk membuat daftar isi blog.

Cara membuat daftar isi pada blog dengan script yang kang topjer buat sangatlah mudah, langkah awal sama dengan cara pertama diatas yaitu membuat Halaman atau Pages baru yang nantinya akan dijadikan sebagai halaman daftar isi.

Kemudian copy paste script berikut ini pada halaman yang sudah dibuat tadi

<style>
#sitemap{height:1010px;padding:4px;overflow:auto;}
#sitemap a{color:#000000;font-weight:normal;}
#sitemap a:hover{color:#C97106;text-decoration:underline;}
</style>

<div id="sitemap">
<script src="https://kopiangetweb.googlecode.com/svn/trunk/daftar-isi.js" type="text/javascript"></script>
<script src="http://www.nama-blog-mu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

- Atur tampilan Daftar Isi Blog yang sudah dibuat dengan merubah kode CSS pada bagian
<style>
........
........
</style>

Demo daftar isi blog tanpa javascript dapat dilihat di Daftar Isi Blog Kopi Anget Kang Topjer.

Mempercepat Koneksi Internet Mozilla Dengan Add-ons

Inilah salaha satu alasan mozilla firefox menjadi browser dengan pengguna terbanyak. Kelebihan firefox dibanding browser lainnya adalah banyaknya add-ons yang bisa digunakan untuk berbagai keperluan salah satunya untuk mempercepat koneksi internet yang lambat. Cara ini merupakan cara mudah dan simple untuk memaksimalkan internet mozilla. dengan menginstall add-ons firefox tertentu, koneksi internet yang lambat akan menjadi lebih cepat dan stabil.

Trik mempercepat internet mozilla dengan add-ons firefox bukan hal yang baru. Banyaknya pengaya yang disediakan oleh mozilla firefox, semakin mempermudah penggunanya untuk memaksimalkan browser firefox.

Screenshot add ons Adblock Plus

Ada beberapa add ons yang sudah lama saya gunakan untuk memaksimalkan dan mempercepat internet firefox. Trik ini merupakan hasil pengalaman pribadi admin sebagai pengguna internet lambat yang hanya menggunakan koneksi dial up dengan modem CDMA.

ADD-ONS UNTUK MEMPERCEPAT INTERNET MOZILLA FIREFOX

1. Adblock Plus
Setelah menginstal adblock plus, iklan yang ada di halaman website tidak akan di tampilkan secara otomatis.
Add ons ini berfungsi untuk memblok iklan pada suatu web site yang tidak kita inginkan. Dengan begitu, koneksi internet yang lambat akan menjadi lebih cepat.

Cara penggunaan addons adblock plus ada pada menu Preferences atau melalui klik pada icon adblock plus dan pilih disable on.. dengan begitu iklan akan tetap muncul pada halaman web yang sudah di disable.

2. Flashblock
Addons Flashblock berguna untuk memblokir konten flash yang ada pada halaman web.

Flashblock currently blocks the following content types:
* Macromedia Flash
* Macromedia Shockwave
* Macromedia Authorware
Dengan menginstal add ons flashblock, akan mempercepat koneksi internet mozilla firefox anda karena secara otomatis firefox tidak akan me-lod konten flash.

Screenshot add ons Flashblock

3. ImgLikeOpera
Addons ImgLikeOpera digunakan untuk mengatur gambar yang di-load oleh browser mozilla firefox. penggunanya addons ImgLikeOpera sangat gampang, dengan 1x klik anda dapat mengatur gambar mana saja yang akan ditampilkan oleh firefox.

Features :
* don't load images;
* load cached images only;
* load images for the originating Web site only;
* load all images.

Screenshot add ons ImgLikeOpera

Masih banyak add ons firefox yang dapat dimanfaatkan untuk mempercepat koneksi internet mozilla. ketiga add ons diatas merupakan add ons yang paling berpengaruh terhadap kecepatan internet firefox yang anda gunakan.

Untuk cara menggunakan fitur about:config dapat dilihat pada artikel Rahasia mempercepat koneksi internet firefox.

Cara mempercepat koneksi internet mozilla firefox menggunakan addons di atas juga dapat menghemat bandwith paket data yang anda keluarkan saat browsing.

Dapat $10 Lagi Dari Iklan Pay Per Click BidVertiser

Seperti yang sudah dijelaskan sebelumya, minimum payout pay-per-click Bidvertiser adalah $10. dengan hanya $10 minimum payout, maka tidak sedikit blogger maupun webmaster yang menjadi publisher Bidvertiser. Pembayaran yang saya terima ini merupakan pendapatan bulan september 2011, jumlahnya ternyta menurun drastis dari bulan sebelumnya yang mencapai $50. namun demikian, ada beberapa point menarik yang saya dari pembayaran bidvertiser bulan september ini.

Pembayaran Bidvertiser terbaru bulan september 2011 sebesar $10 sampai dengan selamat ke akun paypal pada tanggal 31 oktober 2011. Seperti dijelaskan pada artikel Review PPC BidVertiser, pembayaran dilakukan dengan sistem Net30 yang artinya pembayaran yang diterima bulan ini merupakan pendapatan dari bulan sebelumnya dan pendapatan bulan ini akan dibyarkan pada bulan depan.

Screenshot pembayaran Bidvertiser terbaru bulan september 2011
Klik untuk memperbesar gambar


Dilihat dari jumlahnya yang mencapai $10 memang bukan jumlah yang besar namun ada beberapa point penting yang dapat saya ambil dari pembayaran bidvertiser bulan september 2011 ini :

1. Iklan yang sering muncul dari kategori Business kemudian Computer and Internet
2. Pergantian hari (24jam) sekitar pukul 07.00 WIB
3. Bidvertiser selalu tepat waktu dalam pembayaran

Bagi blogger dan webmaster yang ingin mendaftar sebagai publisher Bidvertiser dan menghasilkan dollar gratis setiap bulan, silahkan menuju www.bidvertiser.com dan registrasi sebagai Publisher.

Sedangkan bagi blogger maupun webmaster yang ingin mempromosikan website atau blognya, Bidvertiser memberikan iklan gratis senilai $20 tanpa syarat dan biaya pendaftaran. silahkan menuju www.bidvertiser.com dan registrasi sebagai Advertiser.