Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Sabtu, 02 Oktober 2010

Hematin Penggunaan CSS yuk!

Kategori : , ,

Penggunaan CSS yang terlalu banyak, juga akan mempengaruhi size blog bukan kecepatan akses blog loh, kecepatan akses blog sama size atau ukuran blog beda loh, kalau kecepatan akses, belum tentu di pengaruhi oleh banyaknya kode yang diapakai walaupun size atau ukuran blog besar, tidak akan terlalu berpengaruh terhadap kecepatan blog, ini menurut pengalaman saya loh. Nah kalau untuk mengecek size blog sobat semua mungkin banyak yang tahu tapi kalau untuk mengecek kecepatan blog mungkin tidak banyak yang tahu, kalau mau blog sobat di check silahkan ke sini saja disana yang di cek bukan ukuran ataupun size blog namun kecepatan akses blog, ingat kecepatan aksesnya. Nah agar kecepatan akses kita optimal atau kecepatan maka kita harus pintar-pintar mengatur kode yang ada, disini saya tidak akan memeberikan semua cara mengaturnya tapi langkah demi langkah insyallah saya akan memberikannya. Untuk pertama saya akan memberikan cara mengatur kode yaitu, menghemat pemakaian kode css, mungkin judul cukup kasar y di telinga tapi mau apalagi saya bingung memberi judulnya. maksud dari penghematan ini yaitu :


Apa bila sobat menemukan kode yang hampir sama dengan kode seperti di bawah ini :

.contoh1 a{ font-size:24px; border-bottom:4px dotted #333; text-align:left; margin:.25em 0 7px; padding:0 0 4px; font-weight:bold; line-height:1.4em}

.contoh2 a{ font-size:24px; border-bottom:4px dotted #333; text-align:left; margin:.25em 0 7px; padding:0 0 4px; font-weight:bold; line-height:1.4em}

.contoh3 a{ font-size:24px; border-bottom:4px dotted #333; text-align:left; margin:.25em 0 7px; padding:0 0 4px; font-weight:bold; line-height:1.4em}

maka kode di atas patut kita singkat atau di satukan agar tidak terlalu memakai banyak kode CSS, cara penghematannya atau menyatukannya adalah Kita perhatikan nilai dan properti pada class di atas, sama semuakan namun pada classnya saja berbeda, jadi kita pakai nilai dan propertinya satu saja jangan seperti itu namun classnya tetap kita pakai tiga-tiganya, mengerti tidak? Lihat hasil dari penyatuan atau penghematannya di bawah ini

.contoh1 a, .contoh2 a, .contoh3 a, { font-size:24px; border-bottom:4px dotted #333; text-align:left; margin:.25em 0 7px; padding:0 0 4px; font-weight:bold; line-height:1.4em}

Nah itu lah yang saya maksud dari penghematan kode CSS, oiya ada satu lagi hampir saya lupa, penghematan pada property margin dan padding, apabila sobat menemukan property margin dan padding seperti di bawah ini :

.contoh1 a{
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

maka harus di hematkan dengan cara, menyatukan juga semua nilai dari property tersebut, hasilnya seperti di bawah ini :

.contoh1 a{
margin:10px 10px 10px 10px;
padding:10px 10px 10px;
}

Nah kurang lebih seperti itu, oiya kayanya untuk menyatukannya bingung mana yang kiri, atas, kanan, dan bawah, oke saya berikan penjelasannya, margin dan padding hampir sama arahnya, jadi nilai pertama itu atas, nilai kedua kanan, nilai ketiga itu bawah dan nilai keempat itu kiri. Kalau sobat susah atau takut lupa mengingat letaknya, silahkan lihat saja arah jarum jam, yups peletakannya hampir sama dengan arah jarum jam, dari atas kanan bawah lalu kiri.

Nah mungkin hanya segitu aja dulu untuk mengatur kode css agar tampak lebih rapi dan blogpun cepat untuk di akses, oiya saya hampir lupa lagi, JANGAN LUPA KLIK IKLAN YANG UDAH DISEDIAKAN Y. Sekian dari saya Terima kasih dan Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

5 Komentar untuk Hematin Penggunaan CSS yuk!

thank sob ,
tipsnya..

iyah kalo sama emang mudah sih sob, nah kalo beda...gakgakgak
salam blogger \m/

thank sob ya tipsnya tapi kalo sama kayanya lebih mudah deh sob

biar gampang pake css compresor aja....
http://nyamook.blogspot.com/

hemat pangkal kaya..
mksh ya....