NEW UPDATE

Belajar Edit CSS Java Script & HTML (Blog Tetangga)

Blog Tetangga.

Pada posting kali  ini saya mau share  sedikit tentang pengalaman admin dalam kompres blogspot,agar blog kita bisa ‘’SEO FRIENDLY ‘’

Kompres itu apa sih . . .???
Buat apa sih sebenarnya . . .???
Kenapa sih harus di kompres segala . . .???

Sebelum saya tahu tentang  kompres yang sesungguhnya ,saya juga bingung, tetapi saya tetap berusaha untuk mencari tahu. Setelah blogwalking di google ,eee setelah saya cari-cari ternyata mempersimple ukuran /meminimaliskan ukuran. Keuntungannya blog kita bisa cepat terindex oleh google . karena blogspot/website yang SEO friendly itu ukurannya <90 KB.

Sebelum kita ke ‘’TKP’’ ada beberapa yang perlu di perhatikan ,ini tolong di pahami dulu yah .
1.ada beberapa elemen dalam blogspot ,kurang lebih ada 3 komponen penting dalam templet yaitu:
  • Cascading Style Sheet (CSS)
  • Java Script
  • HTMl
2.dari ke-3 tiga komponen penting di atas harus di kompres sendiri-sendiri .
3Perhatian!  kode mulai dari <b:skin><![CDATAhingga ]]></b:skin>  JANGAN  kamu copy secara menyeluruh dan mengcompres nya di tool compressor.
4. Backup dulu Template agan  sebelum melakukan kompresi (contreng Expand widget / download template sobat untuk jaga-jaga seumpama dalam kompresi blog tidak berhasil  )
5.sobat harus teliti dan jangan lupa untuk berdo’a.
:D

Fahami dulu ,jika sudah langsung saja kita ke TKP:
1. pertama untuk Cascading Style Sheet (CSS)
kode CSS biasanya mempunyai ciri-ciri  di awali dg (*), Dot (.) dan Pagar (#). Untuk mengompres , silahkan cari yang formatnya kayak di atas tadi yaitu di awali dg (*), Dot (.) dan Pagar (#), untuk mempermudah sobat mencari tekan Ctrl+f untuk membuka find /pencarian cepat .copy paste kode CSS sobat kedalam CSS Compresor .
untuk mengkopres kode CSS kita ubah code type : menjadi CSS bukan x/html
berikut gambarnya :

Jika sudah, Klik Compress.
TIPS
1) Untuk CSS sebenere kita lakuin secara manual juga bisa kok , yaitu menghapus spasi dan enter di setiap kode CSS.
Contoh :
#header-wrapper{
width:940px;
margin:10px auto;
padding:10px 0;
}
#mainarea-wrapper {
  width: 700px;
  margin: 0 auto;
  background-color: #F0F6FB;
  text-align:$startSide;
  font: $bodyfont;
  float: $startSide;
  }
Menjadi:

#header-wrapper{width:940px;margin:10px auto;padding:10px 0;}  
#mainarea-wrapper{width:700px;margin:0 auto;background-color:#f0f6fb;text-align:$startSide;font:$bodyfont;float:$startSide}  
Dan banyak lagi ..,lagian hasilnya cuman 2-5kb doank ug gan ,.apa kamu kurang kerjaan,.??hehe
Usahakan jangan ada CSS yang ganda, selain eror juga juga bias  membuat lola blog kita .

2.  Kedua yaitu Java Script atau Javascript code
Dalam java scrit yang  harus diperhatikan cuman kode javascript yang dimulai dengan tanda <script type='text/javascript'> atau <script> bisa juga <script scr='alamat js.'>.Untuk mengkompres javascript kita hanya perlu kompres di  Javascript Compressor. Pastikan hanya kode javascript yang dimasukkan! Setelah itu compress.
TIPS

Untuk melakukan commpres javascript yang benar jangan compres semua kode, Hanya kode didalamnya saja yaitukode yang diapit antara <script type='text/javascript'> atau <script> kode javasript yang dicompress </script> atau//]]>sob,.!!

3. Ketiga adalah HTML

Hampir mirip dengan Mengkompres CSS. Penggunaan backdash/enter dan spasi dalam html blog akan membuat loading lama (lola) jadi ane sarankan untuk penggunaan backdash/enter dan spasi yang sewajarnya.di sini tool yang di gunakan adalah  HTML Compressor

TIPS
1) Penggunaan backdash/enter dan spasi di HTML Blog juga sangat mempengaruh pada lola dan tampilan blogspot. Penggunaan backdash/enter dan spasi biasanya digunakan sebagai batas antara element.

2) Hapus di bagian yang menurut sobat banyak menggandung lebar ke bawah yang tidak penting.
Tips lain berkaitan dengan compres blogspot antara lain:
  • Verifikasi kata pada kotak komentar
  • Memasang auto musik dapat membuat blog kita menjadi lola/loading lama
  • Jangan menggunakan Jquery lebih dari 4 macam dalam 1 blog
  • Mengcompress setiap gambar sebelum diupload ke tempat hosting menggunakan Software FastStone  Photo Resizer
  • Tempatkan widget-widget yang memudahkan pengunjung menelusuri isi blog kita
  • Tampilan  Posting di halaman depan tidak lebih dari 5 posting (solusinya tampilkan hanya judul saja atau pilih templet yang sudah di atur untuk read more,apabila templet sahabat belum ada read more otomatis klik disini )
  • Tidak menggunakan emotion yang berlebihan pada kotak komentar
  • Usahakan tidak mengupload gambar yang terlalu besar.(usahakan gambar yang kita upload berformat .PNG)
  • Mengurangi  penggunaan flash yang berat
  • Widget yang di pasang jangan terlalu banyak .
  • Menghapus widget-widget yang sekiranya tidak bermanfaat seperti jam dll.
    Labels: html
    Back To Top