Terlalu banyak menambahkan kode css di Blogger dapat membuat blog menjadi semakin berat loadingnya. Solusinya, kita dapat menggunakan CSS External, yaitu dengan menyimpan kode css di hosting kemudian menambahkan sedikit kode dalam template untuk memanggilnya.
Untuk hostingnya sendiri, kita bisa menggunakan Google, karena Google mempunyai sebuah produk gratis untuk hosting berbagai jenis file dan tentu saja Blogger juga bagian dari Google sehingga akses file jadi lebih cepat. Mari kita pratikkan bersama :
- Login ke akun www.blogger.com
- EDIT HTML dan Backup dulu Template kamu
Langkah 1 : Membuat File CSS dengan Notepad
- buka notepad terlebih dahulu
- salin css blogger ke dalam notepad, misal :
<b:skin><![CDATA[
/*-----dari sini------*/
#main-wrapper{
background:#fff;
width:960px;
float:left;
margin:0px;
padding:0 0 0px 10px;
word-wrap:
break-word;
overflow:hidden}
.post h3 a,.post h3 a:visited,.post h3 strong{
display:block;
text-decoration:none;
color:#084B8A}
/*-----sampai sini------ */
]]></b:skin>- simpan file dengan format .css , misal : kodesaya.css
- setelah membuat file css di notepad, hapus kode css blogger yang tadi kamu salin.
Langkah 2 : Upload File CSS di Hosting Google
- Buka google site lalu klik Create Site
- Isi Title Site / Judul Site pada form yang tersedia lalu klik "Buat"
 |
| klik gambar untuk memperbesar |
- Pilih Tab Create Page / Buat Laman pada pojok kanan atas site yang telah kamu buat tadi
 |
| klik gambar untuk memperbesar |
- Beri Judul Halaman lalu klik "Buat"
- Pada halaman baru kamu, klik "Tambahkan File" dan cari file css yang tadi kamu buat
 |
| klik gambar untuk memperbesar |
- Salin URLnya pada link unduh, biasanya akan seperti ini :
https://sites.google.com/site/23542/hosting/blogw.css?attredirects=0&d=1 |
| klik gambar untuk memperbesar |
- Letakkan kode css itu pada template kamu, dengan menghilangkan kode yang berwarna merah
- Cara memanggilnya, letakkan kode css dibawah kode ]]></b:skin>, seperti contoh berikut :
]]></b:skin>
<link rel='stylesheet' href=’https://sites.google.com/site/23542/hosting/blogw.css' type='text/css'/>- Tips ini hanyalah salah satu cara untuk mempersepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.
- Bila ingin mengedit kode css, kamu bisa menuliskan kode css di notepad dan meng upload kembali css yang telah kamu edit.
- Kamu bisa mengetahui berat blog kamu dengan membaca artikel saya yang satu ini, silahkan klik "Cara Mengecek Berat Blog"
Terimakasih dan semoga tips ini dapat bermanfaat.
