Cara Meringankan Load Blog Dengan CSS External di Hosting
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
- 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.
2 komentar :
Popular Posts
-
Kesempatan yang baik ini saya mencoba share software System Tools Commander 2.0. Software ini saya dapat dari situs ini http://www.systemtoo... -
Review Song Artist : Last Child Title : Last Child - Diary Depresiku Genre : Pop Date Added : Tuesday, 08 May 2012... -
Para pengguna Auto Hide IP... udah pada tau dong soal software yang satu ini...ya...Auto Hide IP merupakan software yang berfungsi untuk men... -
Buat para pengguna TSR Watermark Image pasti udah pada tau dong kegunaan utility ini. Seperti yang kita ketahui TSR Watermark Image merupak... -
Baiklah, kita langsung praktek saja, CARA dan KODE nya pun sangatlah simpel dan tidak perlu ribet. Cara memasang pada Posting 1. Login Blogg... -
Review Song Artis : Trio Macan Judul : Iwak Peyek Album : Single / Unknown Album Genre : Other Asal Group ... -
Review Song Artist : Blink Title : Best Friend Genre : Pop Date Added : Thursday, 12 Juny 2012 - 06.05 p.m Last Ed... -
Pagi ini saya mencoba untuk share software anti virus nih..namanya Super Anti Spy Ware. Lalu, apa kegunaan dari Super Anti Spy Ware ??? Soft... -
Review Song Artis : JKT48 Judul : Karena Kusuka Dirimu Album : Unknown Album Genre : Other Asal Group : Ja... -
Smart Hide IP 2.6.8.2 Full Version with Patch - Kali ini saya akan Membagikan anda tentang software ini. Pasti kalian sudah kenal dengan Sof...
Mampir ya ke blog saya siapa tahu tertarik dengan produk saya. :)
Posting Komentar