Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
Terima Jasa Servis / Perbaikan
Home » , » Cara Kompres CSS, HTML, JavaScript Template Blog

Cara Kompres CSS, HTML, JavaScript Template Blog


Salah satu faktor yang mempengaruhi kecepatan loading halaman Blog adalah besarnya ukuran CSS, HTML dan file JavaSript yang terdapat pada Template suatu Blog. Untuk mengetahui seberapa besar ukuran CSS, HTML dan file JavaSript yang terdapat pada Template blog, kita bisa menganalisanya melalui websit yang mempunyai layanan tersebut diantaranya yang sudah kita bahas pada postingan Tips Menganalisa Halaman Blog dengan SEO Tools

Untuk memperkecil ukuran ukuran CSS, HTML dan file JavaSript yang terdapat pada Template blog, kita bisa mengkompressinya dengan menggunakan layanan dari beberapa website yang menyediakan tool tersebut.

Berikut ini akan saya jelaskan cara untuk mengkompress satu persatu, adapun langkah-langkahnya sebagai berikut:

Cara Mengkompress kode CSS dan JavaScript pada Template Blog
  1. login ke akun blogger Anda
  2. Pilih menu "Template" dan jangan lupa backUp template Anda terlebih dahulu untuk menghindari hal- hal yang tidak kita harapkan.
  3. Langkah berikutnya pilih "Edit HTML" kemudian centang tanda Expand Template Widget 
  4. Kode CSS yang di kompres letaknya adalah antara kode  <b:skin><![CDATA[/* sampai pada kode css sebelum  ]]></b:skin>
  5. Block dan Copy kode CSS yang terletak Antara kedua kode yang berwana merah tersebut.
  6. langkah selanjutnya adalah kunjungi situs http://www.refresh-sf.com/ , tunggu sampai terbuka websitenya kemudian paste code css yang anda copy tadi dan ikuti petunjuk ini:
    1. Pada bagian file tipe pilih 'CSS
    2. abaikan saja global option 
    3. centang semua kolom pilihan pada Javascript Option
    4. Klik 'Compress'
    5. Copy Code Hasil dari Compress yang dihasilkan.
  7.  Kembali ke menu Edit HTML pada template Anda, kemudian gantilah kode yang tadi telah dicopy dengan Code baru yang sudah di Compress. (Bila keadaannya masih terblok langsung saja paste kode css hasil kompres tadi sehingga menggantikan kode css aslinya)
  8. Jangan lupa klik "Pratijau" terlebih dahulu, jika tidak ada masalah baru "save template"
Langkah langkah untuk mengkompress kode JavaSript sama persis dengan langkah-langkah mengkompress CSS tersebut di atas, perbedaannya hanya pada letak kode JavaSript yang akan dicopy . Adapun Letak kode Javascript yang akan dikompres  di antara kode <head> sampai pada kode javascript sebelum </head> 

Cara mengkompres kode HTML blog 

Untuk mengkompress kode HTML pada Template suatu blog caranya hampir sama dengan mengkompress CSS seperti yang telah saya uraikan di atas, hanya saja kode HTML yang hendak di kompress letaknya berbeda dengan CSS, dimana letak kode HTML dalam template suatu Blog biasanya terletak antara kode <body> dan </body> .Perbedaan lainnya adalah terletak pada Stus yang menyediakan layanan kompress HTML juga berbeda dengan situs di atas, untuk mengkompress HTML silahkan kunjungi situs http://www.miniwebtool.com/html-compressor/ 

Demikian postingan kali ini yang berjudul cara mengkompress CSS, HTML dan JavaScript Template Blog untuk mempercepat loading blog., semoga bermanfaat, dan bagi Anda yang telah menyempatkan diri menyampaikan masukan atau saran melalui form komentar atau sekedar memberikan jempolnya saya ucapkan terima kasih. 

Tips Blogging
  1. Cara Jitu Meningkatkan Google Pagerank Blog
  2. Cara Kompressi Gambar Agar Loading Blog Cepat 
  3. Cara Membuat Daftar Isi Blogger di Widget atau Postingan
  4. Cara Membuat Navigasi Breadcrumb, Pengertian dan manfaatnya bagi SEO Blog
  5. Cara Menampilkan Kode HTML dalam Postingan Blog
  6. Manfaat Google Pagerank bagi halaman Blog / Web
  7. Pengertian Google Page Rank dan Algoritma Perhitungannya
  8. Tips/Cara Memasang iklan di body / bawah judul postingan
  9. Tips Riset Keyword yang Efektif dalam membuat Blog
  10. Tips membuat Atribut HTML link pada Blogspot agar SEO Friendly
  11. Tips/Cara Memasang iklan di body / bawah judul postingan
  12. Tips/Cara Membuat Meta Tag HTML Agar Blog SEO Friendly
  13. Tutorial Urutan Langkah dalam Membangun Blog SEO Friendly

Share this article :

8 komentar:

ARTILERI mengatakan...

""

Kode css ku malah banyak diluar itu kang. Thanks...

mariyanto widodo mengatakan...

Terima kasih atas informasinya bang.

Razak Park mengatakan...

WaH , infonya sangat membantu..
Like This !

Andre Last mengatakan...

Blog saya malah berubah jadi putih semua ..

muhammad hisyam mengatakan...

makasih trik mengompresnyh ya sob. salam kenal ya sob :-)

idamn mengatakan...

makasih infonya

belajar menjadi blogger mengatakan...

apakah akan mempengaruhi seo jika kita mengkompress css dan html kita gan ?

Free Apk mengatakan...

makasih gan...
saya coba buat blog saya ya...

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST

bb-marching-drumband HP: 08561452465 / 085286352611
bb-marching-drumband 29D660BD ATAU 7E6D8262
 
Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
Template Created by Mas Template Published by Putra Pendawa
Proudly powered by Blogger |