Pengunjung

Memperingan Proses Loading BLog

Mungkin sobat pernah merasakan Blog sobat terlalu berat saat proses loading awal...atau kadang malah ga kebuka sama sekali..
gejala tersebut adalah lumrah bagi semua orang yang baru mempunyai atau membuat blog, jika koneksi internet sobat diatas rata-rata mungkin semua gejala diatas tak begitu terasa, namun bila koneksinya berjalan sedang-sedang saja atau malah dibawah rata..
nah pasti akan sangat merepotkan bukan saya ada tips supaya blog sobat menjadi terasa ringan..
1. mengkompres kode HTML pada widget yang sobat gunakan
2. mengkompres beberapa bagian pada HTML template sobat
kedua cara tersebut menggunakan tool yang sama yaitu HTML optimizer 
- kita mulai cara yang pertama
  1. login akun blog sobat
  2. masuk pada widget HTML yang hendak sobat kompres
  3. copy semua kode HTML pada widget, pastekan dikolom HTML optimizer disini saya menggunakan kode HTML widget sebagai berikut:

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=697853&amp;boxtag=f3ct5s&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-697853" style="border: 0px solid;" id="cboxmain7-697853"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=697853&amp;boxtag=f3ct5s&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-697853" style="border: 0px solid;border-top:0px" id="cboxform7-697853"></iframe></div> </div> <!-- END CBOX --> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

ketika dimasukkan kedalam HTML optimizer menjadi seperti ini

  4. klik "optimize"
  5. copy all dan paste semua kode HTML hasil kompres yang terletak dibawah nya ke widget HTML blog sobat tadi.

  6. lihat hasilnya (jangan lupa selalu memback up kode HTML setiap melakukan perubahan)

untuk cara yang kedua yaitu mengompres beberapa bagian dari HTML yang sobat gunakan, caranya sebagai berikut:
  1. login akun blog sobat
  2. masuk ke HTML template sobat (sudah tau dong dimana tempatnya)
  3. jangan lupa centang "Expand Widget Template"
  4. block dan cut dari setelah kode HTML <body> sampai sebelum kode HTML </body> pastekan pada HTML optimizer lalu klik optimze
  5. copy paste kembali hasil kompres ke template sobat ditempat yang sama yaitu antara <body> dan </body>, lalu save dan lihat hasilnya.

NB: mengkompres kode HTML pada template dapat mempersulit sobat pemula dalam melakukan perubahan atau variasi blog