Cara Meringankan Load Blog Dengan CSS External di Hosting

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.

Mau Copy Paste ?...Baca Aturannya disini

Baca Juga Yang Ini :

Terima kasih telah membaca Artikel "Cara Meringankan Load Blog Dengan CSS External di Hosting" yang tergolong dalam kategori : Hosting Gratis,Tips N Trick,Tutorial Blogger. Semoga bisa menjadi inspirasi atau sekedar hiburan.

Sekian Cara Meringankan Load Blog Dengan CSS External di Hosting 10 out of 10 based on 9989579 ratings. 10000000 user reviews.

Untuk mendapatkan Update Terbaru Blog ini, Gabung yuk bersama kami di Facebook. Please Follow my blog via NETWORKEDBLOG dan di tunggu Jempol nya Dibawah Ini

Buat Komentar Via Facebook!