Compress Template Blogger

CSS HTML Javascript Trik

Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang berat, dengan langkah mengompres template di bagian bagain yang paling sering di nilai memberatkan load blog silahkan anda simak.

Ada tiga (3) hal yang akan di bahas kali ini untuk meringankan template, dan yang pertama sebagai berikut:

Kode JavaScript (*js) biasanya diawali dengan <script type="text/javascript"> dan diakhiri tag </script>. hampir setia template blogger kode JavaScript ini terletak di antara tag <head> dan penutup tag </head> atau terletak diatas/sebelum kode </body>

kurang lebih seperti di bawah ini:

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-9<script type='text/javascript'>
//<![CDATA[
  $(function() {
    ......................................;
    ......................................;
    });
  });
//]]>
</script>

beberapa tools untuk compress JavaScript yang dimaksud diatas :

  1. Online JavaScript/CSS Compression
  2. Online Javascript Compressor
  3. Online Javascript Compression Tool

HTML yang merupakan faktor urgen dalam peng-kodean template, jika salah sedikit saja dalam penulisannya maka blog tidak akan berkerja. Kode HTML pastinya akan terletak diantara tag <body> hingga tag penutup </body>

lihat di bawah ini:

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-89code-line:2-910code-line:2-1011code-line:2-11<div id='opooooooo'>
  <div class='jujuju'>
   ......................................
  </div>
  <div class='kolor'>
   ......................................
  </div>
  <div class='polo'>
   ......................................
  </div>
</div>

tools untuk compress HTML :

  1. HTML Compressor
  2. Text Fixer
  3. Digital Coding

Setiap blog ataupun situs pasti dilengkapi oleh CSS (Cascading Style Sheets), untuk itu sebaiknya Anda lakukan compress agar template yang kita gunakan tidak lambat loadingnya.

Biasanya kode ini terletak pada bagian <b:skin><![CDATA[ dan ]]></b:skin> atau terletak diantara <style type='text/css'> dan </style>

contoh  sebagai berikut:

1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-67code-line:3-78code-line:3-89code-line:3-910code-line:3-1011code-line:3-1112code-line:3-1213code-line:3-1314code-line:3-1415code-line:3-15#CSS.pol {
  background-color:......;
  padding:......;
  margin:......;
  -moz-box-shadow:......;
  -webkit-box-shadow:......;
  width:...;
}

#CSS.kol {
  overflow:......;
  margin:......;
  padding:........;
  left:.....;
}

Berikut beberapa tools untuk compress CSS yang dimaksud diatas :

  1. CSS Drive
  2. CSS Compressor
  3. CSS Compressor & Minifier

Anda perlu mengingat, lakukan compress kode CSS, HTML atau JavaScript yang dibutuhkan saja, intinya tergantung kebutuhan dan kondisional. Anda bisa melakukannya dengan bertahap, coba atau test pada browser setiap anda meng-compress, tujuaanya hanya untuk mengecek seberat mana blog yang sudah dikompress dengan sebelumnya dan melihat tampilan blog.

jadi silahkan anda coba dan sekian semoga bermanfaat...

Artikel Terkait

  • Thread komen blogger dengan commentDay
    gaya commentDay adalah gaya untuk standar Blogger Thread comment. Dengan gaya ini komentar default thread comment blogger lebih menjadi terlihat menarik. Gaya ini dirancang sesuai dengan gaya yang telah lama dicari yaitu: sederhana, jelas dan modern. Demo untuk memasang gaya thread komen ini, ikuti langkah berikut: Tambahkan kode be…
  • Menandai komentar admin dengan css
    Buat sahabta blogger yang masih bertanya tanya tentang cara membuat tanda pada komentar admin untuk mempermudah pengunjung mencari mana komentar admin kali ini saya beri trik dan caranya. blogger tidak memberikan ijin secara penuh untuk melakukan modifikasi penuh komentar admin, lalu bagaimana jika kita ingin membuat tampilan komentar yang ber…
  • Costume halaman error 404
    404 Adalah Kode Halaman Error yang biasa muncul pada setiap halaman web/blog ketika seorang visitor (pengunjung) mengunjungi url yang tidak ada atau telah di hapus dari web/blog. Nah, kali ini saya ingin berbagi tutorial "Bagaimana Cara Membuat Halaman Error 404" untuk di pasang pada blog sobat dengan sedikit custom dan tambahan jquery. Untuk…
  • Edit CSS tanpa masuk ke dalam Edit HTML
    Setiap blogger memang selalu berhubungan dengan CSS terutama dalam gaya tampilan untuk template, terkadang dalam meng-edit CSS kita kerap melakukan hal yang terkadang membuang waktu dan kurang berguna yaitu membuka editor html dan menyimpan CSS secara berulang - ulang. hal ini kita lakukan bukan karena tanpa alasan, selain untuk menciptakan ta…
  • Floating Social Bookmark CSS
    Sekarang ini untuk membuat floating social Bookmark sudah sangat mudah, anda bisa mengikuti dua cara di bawah ini. Demo Cara 1: Script Floating Social Bookmark diletakkan di widget blog. Login ke blog Anda. Pilih Tata letak Pilih Add Gadget (saran: pilihlah gadget paling bawah) Pilih HTML/JavaScript. Copy dan Paste-kan script dibawah …
  • CSS untuk komentar blogger facebook
    Membuat tampilan komentar blogger seperti facebook dengan css yang di buat CSS ini dipersembahkan oleh dte, memasangnya pun tidak rumit cukup mudah. css ini telah di edit oleh kang ismet dengan menghilangkan border/garis pinggir serta padding left dan right atau jara lebar dalam kanan dan kiri. Demo Cara Membuat Komentar Blogger S…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...