21

Sedikit Tips merampingkan kode css dan mempercepat loading blog

Posted Filed under CSS & HTML Tutorial Blogger
kebiasaan mengintip ROK MINI kode orang lain akhirnya kambuh lagi setelah sekian lama coba saya tinggalkan karena sibuk untuk mengurus sawah yang hampir kering karena kekurangan air kini kebiasaan tersebut muncul lagi heeee, ya karena saya tertegun dan terkesima ketika melihat sawah milik kang rohman yang dibanjiri oleh air yang banyak dan airnya pun mengalir dengan deras…weleh bahasa apa ini wekekekekekekek.
Begini sebenarnya saya tuh tertegun dengan blognya kang rohman ko loading blognya cepat sekali akhirnya saya coba selidiki ko bisa seperti itu dan seperti biasa saya selalu melihat pada source kodenya awalnya sih kaget apa browser saya yang eror soalnya kode-kode CSS nya ko ga ada eh akhirnya saya jadi teringat perkataan abang saya kemarin agar enaknya blog terlihat rapi kode CSS nya di panggil aja atau di host diluar katanya..dan akhirnya saya pun langsung tanya pada kang rohman CSS nya di kemanakan?? dan beliau pun menjawab di pangkas semua dan saya host diluar silahkan kamu lihat sendiri kan kamu biasanya mencuri…wekekekeke *mode on ngarang*.
Sudah cukup basa basinya sekarang yang ingin merapikan kode CSS nya agar terlihat cantik dan rapi dan sekaligus mempercepat loading blognya seperti milik kang rohman ini “Online Magazine” atau contohnya bisa di lihat juga di blog tutornya milik kang rohman pasti anda kaget karena loading blognya cepat sekali padahal banner-bannernya banyak, nah sekarang anda bisa mengikuti cara berikut ini bagi yang ingin:
Login ke blognya kemudian langsung ke Edit HTML dan tidak usah mencentang kotak widgetnya. setelah itu potong kode CSS nya:
mulainya pas di bawah kode body dan ingat mulainya sehabis tanda } ini :
body {
background: #CEF6CE repeat-x bottom ;
width: 980px;
color: #333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 10px auto 0;
padding: 10px 10px 10px 10px;
border= 10px 10px 10px 10px;
}
sampai pada kode sebelum ]]></b:skin> dan kemudian kode yang anda potong tadi di simpan ke notepad dan si save dengan ekstensi .css misalnya novaljelek.css
kalau tulisan ini tidak dimengerti coba lihat gambar berikut:

Nah untuk memanggil kode CSS tadi ada dengan cara menulis seperti ini <link href=’http://namatempatupload/namafile.css’ rel=’stylesheet’ type=’text/css’/>
dan disimpan tepat pada posisi seperti berikut ini:

]]></b:skin>
<link href=’http://doumbozo.googlepages.com/kn.css’ rel=’stylesheet’ type=’text/css’/>
</head>

kalau sudah silahkan di preview dulu sebelum di save dan lihat perbedaannya loading blog anda cepat atau tidak dari sebelumnya tapi sebenarnya untuk mempercepat loading blog juga itu di lihat dari sedikitnya kita memakai JS, kemudian berat blog kita, sedikit widget, maka blog anda akan loading cepat asal koneksi internet ga seperti kura-kura heee dan kalau ingin lebih tahu detailnya proses mempercepat loading blog silahkan cari di google…. oke silahkan di coba dan kalau masih bingung lebih baik tidak usah dilakukan karena akan membawa bencana bagi template anda. dan ingat jangan sampai salah potong oke.

If you have enjoyed this my post Sedikit Tips merampingkan kode css dan mempercepat loading blog. Please feel free to bookmark it using your favorite social bookmarking site

21 Responses so far

  1. RAMKUR says:

    good informasi, saya coba praktekan makasih buat infonya

  2. IHSAN says:

    terima kasih ya

    saya coba dulu

  3. zujoe says:

    hmmm…gitu toh…btw uploadnya bagusnya di mana yah?

  4. G.i.S says:

    hehehe… kang bagus baget nehh, tapi kok pas upload di googlepages.com gak mo [dot]css yah…

  5. mantan "PK" says:

    @G.I.S:maksudnya ga mau gimana mas???? untuk file yang kita potong tadi harus di save dalam bentuk [dot].css baru bisa di panggil :D

  6. NIFAN SUNANDAR says:

    TOLONG DONG KUNJUNGI BLOG KU LALU KASIH KOMENTAR YAA =))

  7. rezap says:

    udah di bikin tapi malah ancur nih so ga jadi pake tips ini.
    mohon naasehatnya.soalnya masih pemula

  8. Made Gelgel says:

    makasih mas atas tipsnya!!!

    ;D

  9. tutorial blog dan download software says:

    Sepertinya aku juga nggak mudeng. Tolong diperjelas dong!

  10. JOECOW says:

    makasih banget mas. sangat membantu, ada bisa belajar photoshop disini

    http://ict-photoshop.blogspot.com/

  11. Dapat Duit Tanpa Modal says:

    itu link http://doumbozo.googlepages.com/kn.css
    bisa di pake kan??apa cuma sekedar contoh saja?
    makasih banyak infonya

  12. mantan "PK" says:

    @dapat duit tanpa modal: jangan itu hanya contoh saja mas :D soalnya kode template antara satu orang dengan yang lain berbeda :D

  13. awan_clickerz says:

    Hmm..punyau kok malah tambah berat ya setelah bikin kaya i\diatas.:D?

  14. julian says:

    kok error ya? kayaknya saya mesti banyak belajar neh

  15. mr hack says:

    trik internet gratis…
    dah pd dgr blm…

    test aja:
    http://more-share.bravehost.com

  16. KURNIA SEPTA says:

    oke deh, akan saya rapikan :) ) :) ) :) )

  17. peperonity mania says:

    kang.. ada yg bisa langsung pake / donlod langsung gak?..
    soale blm mudeng code2nya.
    makasih..

  18. maoels says:

    ah bang tergantung cepet enggaknya internet juga kan ya?! bedanya berapa detik kalo pake cara abang nih?

    http://maoels.blogspot.com

  19. Moto Modding says:

    Wew, belum berani mas, mo tak coba ke blog percobaan dlu. thx for sharingnya

  20. yulio says:

    alow salam kenal, abang/kang saya koq ngak bisa error mulu tulisanya "html" tidak ditutup. mohon bantuannya

  21. muhammad noval says:

    mungkin masih ada yang abang salah cut tuh :D

22 queries. 0.282
Sedikit Tips merampingkan kode css dan mempercepat loading blog
Site Meter Di Persimpangan WordPress

cara daftar linkworth, video naruto baru, naruto shippuden 168, starcraft download, download gratis naruto bahasa indonesia, download free game starcraft 2, download film naruto shippuden 168, free download starcraft 2 full version, Downloads Lagu religi, komik naruto indonesia terbaru, koleksi video mesum blogger, nonton gratis film naruto, video boys before flowers, download star craft 2, download Starcraft II, curhat cinta, episode baru naruto shippuden, lowongan kerja pt merck, anak kandung, download portable software, naruto baru, gambar nokia 5233, kang rohman tips blog, cerita nafsu adik, free download photoshop cs2, Sandra Bullock baby caras, video naruto shippuden 168 bahasa indonesia terbaru, puisi selamat berpisah, ngilangin virus HP, download naruto shippuden episodes free