• Home Home
  • Buku Tamu
  • Kontak
  • Fb
  • Download Theme Blogger
  • Versi Mobile

:D

THIS BLOG HAS BEEN HACKED :D


#YOSH24


Thanks for Quest

I WIN


#HackerIndonesia

Tips : Permak meminimalisir Keerroran HTML dan CSS

"fv aRhy" 9 Jun 2011



Ngomong-ngomong soal Html saya Menyinggung sedikit Tentang Valid atau tidaknya Template sobat sekalian.Kalau sobat mau mengeceknya sobat bisa langsung Hubungi dokter eh Maksud Saya Kunjungi http://validator.w3.org/ .Sobat Tinggal Ketik URl blog sobat dan Klik Validate/Revalidate.

Dan Hasilnya Baanggg!!!Akan terdata lah berapa jumlah Keerroran dalam Blog template sobat.Blog saya pun memiliki tingkat keerroran yang serius,kira-kira sekitar 300an error pada Template saya.Tapi dengan langkah-langkah yang saya dapat hasil bertapa di Gunung Merapi,hehehe maksudnya setelah Berguru sama Eyang Marijan.Ehm bukan sama para Pro Blogger lainnya maka tingkat ketidakwarasan Template saya bisa dikurangi.Berikut screenshotnya sebelum dan sesudah dipermak (kayak Iklan lotion aja wwkk)


VALIDATE template
SEBELUM DI PERMAK
VALIDATE template1
SESUDAH  DI PERMAK
Ternyata setelah Diet yang teratur eh maksudnya setelah Melakukan Permak,akhirnya tingkat Ketidakwarasan Template saya menurun drastis.wkwkwk.Perlu sobat KetahuiHampir semua template bawaan blogger tidak ada yang valid di w3C validator, mungkin ada sebagian template yang sudah valid, tapi sisanya pasti masih banyak errornya. Nah.. disini ada beberapa cara supaya error tersebut bisa kita kurangi, kalo dihilangkan mungkin masih harus berfikir-fikir terlebih dahulu, tapi minimal kita bisa meminimalisir error tersebut.

Ikuti langkah -langkah Permak minimalisir Errornya Template anda Berikut :
  • Masuk Ke Blogger,jangan Ke Wc Apalagi ke Rumah Tetangga
  • Masuk Ke RANCANGAN Lalu Klik Edit HTML
  • Lalu centang EXPAND WIDGET TEMPLATE jangan centang surat suara,belum waktunya wkwkwk
  • Ganti Kode DOCTYPE Blog Sobat (jangan jauh -jauh carinya,apalagi sampe ke Kolong rumah,letaknya di awal template)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Lalu Ganti Kode Diatas Menjadi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • Selanjutnya cari Kode
<b:include name='quickedit'/>


  • Hapus Setiap Ketemu Kode Diatas,caranya Klik CTRL+F lalu  Hightlight All .Hasilnya nanti gambar Obeng dan tang yang biasanya muncul saat sobat Buka Blog akan Hilang ditelan Bumi wkkwkwkw(Setiap nambah Makan eh,nambah Widget sobat check ke EDIT HTML,delete lagi kode yang sama
  • Sekarang Mari Kita Cari kode <b:include data='blog' name='all-head-content'/> Lalu Ganti Kode tersebut Dengan Meta Tag yang Standard Alias disarankan Oleh Blogger

<!-- Blogger Default Meta -->

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERPROFILESOBAT' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERSOBAT'rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERSOBAT/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Ganti Kode -kode diatas :

IDBLOGGERPROFILESOBAT ada pada address bar browser saat buka profile

IDBLOGGERSOBAT ada pada address bar browser saat edit blog
NAMABLOG. Ganti sesuai dengan nama Domain Sobat

JUDULBLOG Ganti Dengan nama Judul Blog sobat 

Mengurangi penggunaan kode strip/dash (-) yang enggak penting bangets
UNTUK CSS

</*----------- Header ------------*/ SALAH(X)
/* Header */ BENAR(V)
Untuk HTML 
<!------------------- Blogger Default Meta ----------------------> SALAH(X)
<!-- Blogger Default Meta --> BENAR(V) 

  • Simpan Kode Berikut Dibawah </HEAD>
<!-- <body><div></div> -->
Fungsinya untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, KLIK saja Hapus.Jangan Ragu.


  • Biasakan Menggunakan ALT pada setiap Gambar

    Contohnya :

<img alt='Tulis Keterangan disini' src='URL gambar'/>


Demikianlah Cara Mempermak Blog Kita agar bisa mengurangi tingkat Keerroran Template kita.Jadi bukan hanya cepat nya saja,Kita juga Mesti memperhatikan Kode HTMLnya.Oke sobat semoga Bermanfaat.Bila bermanfaat jangan Lupa share dengan yang lain,tapi jangan lupa cantumkan Link credit ya sob. 

Sumber : http://ypsrandy.blogspot.com/2011/05/tips-permak-meminimalisir-keerroran.html

2 comments

nice gan, k TKPE :D

@Asmara Susanto: oke. trims kunjungannya sob..

Posting Komentar

blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar..