Salam blogger, sudah siap dengan Tips - Trick - dan Tutorial tebaru dari saya. Sebenarnya buka terbaru sih karena, cara ini sudah banyak bertebaran hampir di seluruh blog, baik yang sudah lama maupun yang masih baru seperti blog kepunyaan saya ini. Tapi tidak ada salahnya jika berbagi pengetahuan antar sesama newbie ^_^ seperti saya.
Tapi sebelumnya saya ingin bertanya seberapa cepatkah loading page blog sobat blogger?? Jika sobat blogger tidak mengetahui seberapa cepat loading page blog sobat maka, silahkan sobat blogger menuju ke iwebtoolspeed_test untuk menguji kecepatan loading blog sobat.
Untuk kecepatan loading time blog saya ada dikisaran 0.30 seconds (wuih gila cepet mamad). Tapi itu kecepatan setelah saya melakukan kompresi pada kode CSS blog saya. Kalau sebelum di kompresi kecepatan loading time blog saya ada di kisaran 6.0 seconds.
Bagaimana ingin memiliki kecepatan yang sama dengan blog saya? Jangan kuatir, saya akan bagikan cuma-cuma kepada sobat blogger sekalian.
Steps by steps
* Pertama-tama silahkan sobat blogge login ke dasbor blog sobat, kemudian pilih Rancangan lalu Edit HTML.
* Untuk selanjutnya centang Expand Template Widget. Dan cari kode CSS yang berada di antara <b:skin><![CDATA[ sampai dengan ]]></b:skin>.
Contoh : <b:skin><![CDATA[/** Copy kode yang hanya berwarna biru, yang warna merah biarkan saja.
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Template Name: BlablablaBlogger template by Blabla.combroURL: http://www.blabla.combro
Originally it was a blablabla theme byAuthor: CurutAuthor URL: http://www.Curut.com
Template released under the Curut Curut Atribution License,PLEASE DO NOT REMOVE THE FOOTER CREDITS<!-- Sampai kebawah.... -->.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{ background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{ margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{ margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa;}#div-comment-32 {margin-top:5px;}.comment-form {width:460px;}#right-sidebar .widget h2 {background:#1F7597 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5jacOwJZiDh9Y54mxyp7qoItEaFf3fE7PVAaVGvqWLUmgMyHEusUca4icKdAGuLwzjpi0cavRSZ6biFqz0hfW8p0auVAYIrXZzL0otJCxhhWz8a8H8MwQSHIroYtUMSHpFQMPv_Hcd3Q/s1600/right-head.png) repeat-y scroll 0 0;color:#FFFFFF;float:left;font-weight:bold;height:39px;margin:-15px -31px 0;padding:25px 0 0 20px;text-align:left;width:270px;}#right-sidebar .widget-content {margin-top:50px;}#credit-logo a {opacity:.2;}#credit-logo a:hover {opacity:.5;}#breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:10px;line-height: 1.4em;border-bottom:1px dotted #CCCCCC;}]]></b:skin>
* Kemudian buka alamat CSSdrive Compresor dan pastekan kode CSS yang tadi sobat blogger copy. (lihat gambar dibawah)
* Setelah langkah (gambar) diatas selesai, maka akan keluar Kode CSS yang telah di kompres yang bisa sobat blogger copy-pastekan pada template/ kode CSS sobat blogger sebelumnya.
* Setelah itu save template sobat blogger, dan tes lagi kecepatan loading time blog sobat di iwebtoolspeed_test dan lihat hasilnya.
Bagaimana, mudah dan simple bukan?? Semoga tips-trick-tutorial dari saya berguna buat sobat blogger sekalian.
Selamat mencoba.
0 komentar:
Posting Komentar