Mempercepat Loading Blog Dengan CSS External

Hai Sob,Jika Sebelumnya saya sudah memposting Cara untukmempercepat loading blog dengan Lazyload, kali ini saya akan memposting cara mempercepat Loading Blog dengan CSS External. Cara yang satu ini juga cukup ampuh untuk mempercepat loading blog supaya tidak banyak orang yang kabur dari blog sobat karena loading nya lama. Bagi yang ingin mencoba, Silahkan simak cara- cara nya di bawah ini

1. Login blogger

2. Masuk Template

3. Pilih Edit HTML

4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)

5. Beri tanda centang "Expand Template Widget"

   Perhatikan kode CSS dibawah ini, kode tersebut terletak diantara kode <b:skin><![CDATA[/* sampai dengan sebelum kode ]]></b:skin>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name:     Minima

Date:     26 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */

#navbar-iframe{

display:none !important}

body{

background:#f5fffa;

width:980px;

color:#333;

font-size:12px;

font-family:Arial,Tahoma,Verdana;

margin:0 auto 0;

padding:0}

   Potong atau Cut semua kode CSS-nya mulai dari sini sampai dengan diatas atau sebelum kode:

]]></b:skin>

6. Simpan di Notepad dengan ekstensi.css caranya: klik File, pilih Save As, beri nama file tersebut misal: backup.css lalu Save.

7. nah sampai disini kita sudah mempunyai file.css. Selanjutnya kita tinggal mengUpload/menyimpannya di WebHosting, misal yang saya pakai yaitu Google Site.

8. Jika sudah meng-Uploadnya, misal:

http://sites.google.com/site/hafidrn/JavaScript/backup.css

Penulisan untuk scriptnya menjadi seperti dibawah ini:

<link href='http://sites.google.com/site/hafidrn/JavaScript/backup.css' rel='StyleSheet' type='text/css'/>

9. Letakan kode script diatas di antara kode: ]]></b:skin> dan </head> , lihat contohnya seperti ini :

http://sites.google.com/site/hafidrn/JavaScript/backup.css' rel='StyleSheet' type='text/css'/>

</head>

10. Sebelum menyimpannya, harap di Preview terlebih dahulu, bila tampilan blog tetap pada aslinya, berarti sobat berhasil mempraktekannya. dan terakhir Save Template Sobat.

Semoga berhasil Sob