Minggu, 11 Maret 2012

CSS External pada blog

Salah satu trik untuk mempercepat loading blog dengan html atau css external.HTML atau CSS external ini adalah menyimpan HTML atau CSS (Cascading Style Sheet) ke tempat hosting agar blog sedikit ringan karena file CSS-nya terpisah dengan file XML-nya.

PENGGUNAAN HTML EXTERNAL

1) Copy atau cute kode yang terletak diantara kode <b:skin><![CDATA[/* sampai dengan sebelum kode ]]></b:skin>
,berhubung setiap template blog htmlnya berbeda jadi anda cari script tersebut yang hampir mirip pada template blog anda.







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

3) Upload/menyimpannya di WebHosting, seperti Google Site.(https://sites.google.com/)

4) Jika sudah meng-Uploadnya, misal: https://sites.google.com/site/mysiteok12/test/myblog.css Penulisan untuk scriptnya menjadi seperti dibawah ini : <link href='https://sites.google.com/site/mysiteok12/test/myblog.css' rel='StyleSheet' type='text/css'/>

5) Letakan kode script diatas di antara kode :<b:skin><![CDATA[/* dan ]]></b:skin> , contohnya : ]]></b:skin> <link href='http://sites.google.com/site/kodeblogger/JavaScript/myblog.css' rel='StyleSheet' type='text/css'/> </head>

Kekurangan Dari HTML EXTERNAL

1) Kita akan direpotkan saat kita akan menambah atau menghapus kode CSS pada template blog kita, sehingga kita harus mengedit dan meng-Upload kembali ke webhosting tersebut.

2) Jika web hosting sedang down maka tampilan blog kita seperti ini :

                                                              Seharusnya seperti ini :



                                                              Sedang Down :







0 komentar:

Terimakasih telah berkunjung :D.Silahkan berkomentar dengan baik dan bijak :). No P*rno, No Spam, No Links, No SARA.

◄ Posting Baru Posting Lama ►
 

Copyright 2012 Ramdani: CSS External pada blog Template by Bamz | Publish on Bamz Templates