cara compress blog yang benar
Cari (Ctrl+F) kode :
Perhatikan di bawah kode tersebut, jika css blog anda tidak mengandung "tag variable definitions" seperti di bawah ini :
Perhatikan di bawah kode tersebut, jika css blog anda tidak mengandung "tag variable definitions" seperti di bawah ini :
-----------------------------------------------
Blogger Template Style
Name : Panduan-Info
Designer : Justin Bieber
----------------------------------------------- */
/* Use this with templates.html */
body#layout #subscription,body#layout #topsearch,body#layout #footer,body#layout #footer2 {display:none;}*{margin:0;padding:0}#
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6 bla-bla-bla
maka AMBIL semua kode CSS dari setelah kode
CONTOH :
| AMBIL DARI SINI
.....................
SAMPAI DISINI | ]]>
Namun jika tepat di bawah kode
-----------------------------------------------
Blogger Template Style
Name : Panduan-Info
Designer : Justin Bieber
URL : http://panduan-info.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
bla bla bla bla...
PERHATIKAN tag Variable definitions tersebut dan JANGAN DI IKUT SERTAKAN UNTUK DI KOMPRES !! Jika dilihat dengan seksama maka "anak dari tag Variable Definitions" memiliki bentuk penulisan kode seperti ini :
CONTOH :
-----------------------------------------------
Blogger Template Style
Name : Panduan-Info
Designer : Justin Bieber
URL : http://panduan-info.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
bla-bla-bla..
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
| AMBIL DARI SINI
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
SAMPAI DISINI | ]]>
8. Buka dan kompres kode-kode tersebut di situs : [CSS compressor]
9. Ganti settingan compress css menjadi seperti ini :
- Compression mode = pilih 'Super Compact'
- Comments handling = pilih 'Strip ALL comments'
Kemudian klik "Compress-it!
10. Kemudian tempatkan hasil kompresannya di tempat semula kode itu berasal.
CONTOH :
..................... SAMPAI DISINI |
]]>
11. Masih belum selesai, sekarang cari kode atau
kemudian AMBIL semua kode setelah atau hingga sebelum
CONTOH :
|AMBIL DARI SINI
..................... SAMPAI DISINI |
..................... SAMPAI DISINI |
12. Selanjutnya buka dan kompres kode-kode tersebut di : [HTML Optimizer]
13. Copy paste-kan kode hasil kompresan tersebut ditempat semula yaitu diantarasetelah kode hingga sebelum kode
CONTOH :
|TARUH DISINI ..................... SAMPAI DISINI |
14. Klik >> Simpan
15. Ukur kembali berat loading blog anda, cara menimbang berat loading template anda masih sama seperti cara di atas, buka saja salah satu website pengukur loading blog berikut ini :
Posting Komentar