Bagi sobat blogger yang belum mendapat konfirmasi pemasangan link/banner maupun follow dari saya, di harapkan tinggalkan pesan di kotak komentar posting.

Mempercepat Loading Page Pada Blogger

Selasa, Desember 14, 2010

CSS Compressor

Mempercantik tampilan halaman pada blog atau pada situs-situs sosialisasi memang sangat menyenangkan. tetapi makin banyak variasi yang kita tambahkan pada template kita, tentu saja loading page kita akan semakin lama. hal ini dikarenakan makin besar data yang di download saat kita membuka halaman tersebut.
bayangkan, berapa lama waktu yang kita habiskan untuk mempercantik tampilan halaman situs kita tetapi banyak pengunjung yang malas membukanya hanya karena loading page situs kita sangat lama..
sebenarnya postingan ini saya buat untuk teman-teman di Yuwie mengingat loading page Yuwie yang begitu berat dikarenakan banyaknya iklan di setiap halamannya. maklum aja ya, kan dari iklan-iklan itu kita semua dibayar.he..buat yang pengen tau apa itu Yuwie bisa klik disini buat baca postingan saya sebelumnya mengenai Yuwie, tapi buat yang ga punya account di Yuwie ga usah berkecil hati sambil memukul-mukul monitor dan mencacimaki bahwa judul di atas menipu kalian.he..tenang saja, CSS Compressor ini juga bisa digunakan buat Friendster, Myspace dan situs sosialisasi lainnya yang menggunakan CSS Template. bahkan CSS Compressor ini juga bisa digunakan buat template blogger.

OK..langsung ke pembahasan..
  • Login dulu ke account kalian mau itu Yuwie, Friendster, Myspace, Blogger, atau apapun..
  • Masuk ke edit profile dan backup kode CSS kalian, caranya copy kode CSS'nya dan paste di Notepad atau wordpad. hal ini dilakukan sebagai backup kalo terjadi kegagalan
  • Klik situs dibawah ini
    http://www.cssdrive.com/index.php/main/csscompressor/
  • Setelah sampai di CSS Compressor, klik pada tulisan Advanced Mode
  • Di Advanced Mode, saran saya ceklist pilihan seperti gambar dibawah ini: (buat yang paham mengenai kode CSS bisa memilih pilihan yg lain seperti "remove all new line" dan lain-lain)
  • Paste kode CSS kalian di kolom yg disediakan dan klik Compress-it!
  • Setelah kode di compress, klik Highlight Code dan paste kembali ke edit profile kalian.
  •  
    pada gambar di atas dapat dilihat kode CSS telah terkompres 1645 bytes (19%) dari kode sebelumnya.
  • Langkah terakhir, Save kode CSS'nya dan liat perbedaannya.

Kalo ternyata "loading page"nya masih lama, silahkan hubungi provider internet kalian dan cacimaki sampai puas.hwehehehe...
Semoga tips ini bermanfaat buat teman-teman semua, buat yang mengalami kesulitan bisa kirim comment dibawah..

NB: untuk Template Blogger jangan compress semua kode yang ada, copy pada bagian kode CSS'nya saja, kode CSS biasanya berada setelah sampai sebelum ]]>

Sumber: DevBook.Net

10 komentar:

Beben mengatakan...

kalau saya selama BW dan mengumbpulkan web/blog template tak simpen sinih sob
http://beben-koben.blogspot.com/2010/07/look-for-template-para-blogger.html
semoga ada template yg nyantol...
salam si bloglang anu ganteng kalem tea \m/

Jrx And Rekan↨ mengatakan...

Thanks gan tipsnya...

oia soal yang kemaren aq buat ukuran bannernya ke agan brapa..?

salam blogger

Illusion Design mengatakan...

thanks's buat semuanya... ^.^

all access in love mengatakan...

ok.. dah aq pasang gan.. bannermu..

untuk banner aq pake 125*125 ne aja aq kasi link:

http://1.bp.blogspot.com/_9GHGgeOwsQQ/TQhGM1XBcuI/AAAAAAAAA74/Bqj-40viBzw/s1600/All+access+in+Love.jpg

Illusion Design mengatakan...

oke bos..
bannernya juga udah aku pasang...
thanks...

Beben mengatakan...

kalo masalah kotak komentar blog itu pake trik ini sob...
http://www.pierrebertet.net/projects/jquery_superbox/
kalo mo diterapin ke blog yaaa...itu mah tinggal maenin saja iframe komentar yg ada di blogspot tinggal masukin alamatnya saja...
semoga membantu^^

Beben mengatakan...

semoga bisa membantu yaaa...

http://www.berandabumi.co.cc/2010/08/variasi-buku-tamu-blogger-dengan.html

http://kolom-tutorial.blogspot.com/2010/07/penerapan-fancybox-dengan-jquery-di.html

anakingusan mengatakan...

mantaf bos...

Illusion Design mengatakan...

@anakingusan:thanks sob... ^_^

donnychibonk mengatakan...

mencoba komentar author

Poskan Komentar

 
© Copyright 2010-2011 Illusion Design Solution All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.