Skip to main content

Hati-Hati Compress CSS Template

css compressor onlineUntuk meningkatkan loading blog, salah satunya dengan compress CSS. Compress CSS adalah hal yang sudah umum dalam dunia blog dan hampir semua blogger melakukannya. Dan dari sekian banyak CSS compressor online, hati2 dengan online CSS compressor dari CSSCompressor.com. Kenapa?? Ini adalah sedikit pengalaman saya ketika compress CSS.

Seperti yang kita tau, tidak semua kode CSS berjalan baik dan mulus di semua browser terutama untuk Internet Explorer. Disini saya menggunakan perbandingan antara Mozilla Firefox dan Internet Explorer 7 karena saya membuat template blog menggunakan Firefox dan hanya pada IE7 tampilan template tersebut "sedikit aneh". Untuk mengakali supaya tampilan template made in ireng_ajah di IE bisa lebih sempurna dan hampir sama dengan tampilan pada Firefox 3.6, saya menggunakan tambahan kode khusus untuk IE7. Contoh :

Misalkan kode CSS untuk bagian sidebar-wrapper seperti ini :

#sidebar-wrapper {
width: 320px;
float: right;
margin: 10px 0 0;
.margin-top:20px; /* IE7 */
}

Ketika template tersebut dibuka dengan Firefox, hasilnya sempurna seperti yang kita inginkan tetapi ketika dibuka dengan IE7, tampilan tersbut tidak sempurna karena ternyata jarak (margin) terlalu dekat dan untuk mengakalinya, ditambahkan kode khusus untuk IE7 yaitu kode yang berwarna merah tersebut.

Kode tersebut berfungsi supaya ketika blog dengan kode template seperti itu dibuka dengan IE7, besarnya margin pada bagian sidebar adalah 20px dan bukan 10px.

Lalu apa hubungannya dengan CSSCompressor.com??

Berikut ini adalah hasil dari compress CSS kode template bagian sidebar diatas menggunakan online CSS compressor dari CSS Compressor dibandingakan dengan dari YaHoo Yui dan CSSDrive

1. CSSCompressor didapat :
#sidebar-wrapper{width:320px;float:right;margin:20px 0 0}

2. YaHoo Yui didapat :
#sidebar-wrapper{width:320px;float:right;margin:10px 0 0;.margin-top:20px;}

3. CSSDrive didapat :
#sidebar-wrapper{ width:320px; float:right; margin:10px 0 0; .margin-top:20px; /* IE7 */}

Tampak untuk hasil dari CSSCompressor.com pada bagian margin menjadi margin:20px 0 0 dimana kode margin 20px 0 0 adalah kode margin bagian atas untuk IE dan jika hasil compress tersebut diaplikasikan pada template, maka tampilan blog pada Firefox akan berubah karena kode asli untuk margin: 10px 0 0;

Untuk hasil dari YaHoo Yui dan CSSDrive sendiri tidak masalah. Kode untuk Firefox dan IE masih utuh. Yang membedakan adalah ratio compress saja.

Selama ini saya sering compress CSS menggunakan CSSCompressor karena ratio hasil compress-nya paling besar, hehehehehe.. Dan untuk mengakalinya, saya edit pada bagian kode yang terdapat kode untuk IE.

Bagaimana dengan sobat sendiri?? Tiap blogger punya favorit tool sendiri untuk compress CSS templatenya tetapi jika sobat mengalami kasus seperti diatas dimana yang tadinya sebelum di compress tampilan blog sempurna baik itu di Firefox dan IE tetapi malah "jepat" setelah kode CSS di compress, bisa jadi penyebabnya seperti diatas.


Note : Setingan compress standar dan bawaan langsung dari css compressor online

Pic : http://www.anythingleft-handed.co.uk/media.html

Popular posts from this blog

HYIP = HIGH YIELD INVESTMENT PROGRAM

Program HYIP..apa itu?? HYIP adalah program (sebagian besar online) yang menawarkan keuntungan besar dalam tempo yang relatif cepat. Banyak program yang menawarkan sampai lebih dari 100% keuntungan tiap bulannya. Dengan minimal investasi $1, $5 atau $10 maka HYIP menjadi pilihan investasi yang menjanjikan.

Sebagian besar pengelola HYIP menjalankan bisnis di perdagangan berjangka, forex, saham, property, real estate dan lain-lain.

Program-program HYIP baru banyak bermunculan, dan ribuan/jutaan orang diseluruh dunia berusaha mendapat keuntungan besar dari program ini. Satu Program HYIP dapat dikelola oleh satu perusahaan atau kumpulan orang atau bahkan oleh seorang saja.

Dari sekian banyak program HYIP, tentunya anda harus waspada karena tidak semua program HYIP bener2 membayar anda, sesuai dengan pa yg mereka janjikan, ada yg menipu (aku pernah ketipu..hikss..hikss..)

Kebanyakan program HYIP ditujukan bagi umum, tidak ada batasan negara, umur, pendidikan dll. Persyaratannya adalah mau beri…

Oslanis Blogger Template

Salam.. Setelah kemarin rilis Axorys Blogger template, berikut ini template Blogger terbaru dari saya. Saya beri nama Oslanis Blogger Template. Secara khsusus, Oslanis Blogger template cocok untuk blog bertema fashion tapi bisa juga untuk semua tema.

Fitur Oslanis Blogger TemplateFully responsive Blogger templateMendukung Template Designer warna latar, gambar latar dan juga warna latar widget sidebar. Untuk variabel lainnya, bisa diedit via Edit HTMLMendukung browser yang umum dipakai oleh user.Mendukung konten slider.Responsive dropdown menu.Responsive video.Mendukung font icon from Font Awesome.WidgetableRelated posts dengan thumbnail.3 column footerAuto crop thumbnail dengan ukuran yang proporsional tidak ditarik/diregangkanRecent post and komen dengan thumbnailMendukung iklandan lainnya
Lihat juga :
Axorys Blogger Template. A Blogger template dengan 8 predefined styles.

Untuk setting dan download, silahkan menuju ke postingan Oslanis Blogger template ini.

Cara Mudah Cari Backlink Berkualitas

Backlink yang berkualitas?? Sapa yang gak mau?? banyak cara untuk mendapatkan backlink berkualitas entah itu koment di blog berPR tinggi apalagi yang dofollow (Just a Blog ini dofollow dan sangat diizinkan meninggalkan link asal tidak T.E.R.L.A.L.U ^_^) submit ke sosial bookmark, submit ke artikel directories, tukeran link dll. List2 blog dengan backlink berkualitas juga sudah banyak yang posting. Ada cara mudah untuk mendapatkan backlink berkualitas tanpa bersusah2 brosing dengan keyword "backlink berkualitas" dan klik sana klik sini. Cara ini mungkin sobat2 sekalian udah tau yaitu lewat informasi Link di Alexa. Jika sobat mengecek blog sobat lewat Alexa, ada keterangan Sites Linking In dan itu merupakan informasi backlink yang masuk ke blog sobat.



Terus gimana cara mendapatkan informasi backlink yang bagus??
Sobat cukup masukkan aja alamat blog yang menurut sobat populer. Misalnya DheTemplate - Daily Free Blogger Templates, halah... Sobat masukkan alamat DheTemplate di Alexa