Blogger editing: HTML

Blogger mania secara umum berexpriment untuk menampilkan warna-warna baru untuk tampilan blognya,kadang dari asyiknya tampa disadari apa yang telah kita lakukan hanya akan menambah kekurangan pada blog itu sendiri,diantaranya ialah eror html pada template blog itu sendiri apabila kita kurang benar dalam melakukannya.
mungkin salah satu kelemahan terbesar blogger sebagai media weblog adalah format html dan CSS yang tidak bisa valid menurut W3C Validator. Padahal validasi itu sendiri diperlukan untuk mendapatkan design weblog yang mendekati sempurna selain beberapa aspek lain yang tidak kalah penting.

Satu hal yang perlu diperhatikan sebelum melakukan Validasi pada template Bloggeryaitu karakteristik tiap template yang berbeda, jadi jangan kaget jika ada beberapa code yang tidak anda temukan dalam template anda. Selain hal tersebut ada juga bagian yang sering dilupakan yaitu pemakaian widget yang tidak valid, tentunya hal tersebut menambah daftar error dalam validasi weblog anda

Jangan lupa save template sebelum mengedit lebih lanjut, jaga-jaga kalau terjadi error pada template anda. Pada tab lain buka halaman HTML Validation W3C untuk melihat seberapa banyak error yang tersisa dan letak kesalahannya :
1- Pada Edit HTML "doctype" default blogger mempunyai tingkat kesulitan untuk menjadi valid, Solusinya cari kode dibawah ini:

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

Kalau sudah ketemu kode di atas lalu ganti dengan kode di bawah ini :

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

2 - Pada Edit HTML contreng expand template widget lalu cari code di bawah ini :

<b:include data='post' name='postQuickEdit'/>

Dan seperti kode ini : <b:include name='quickedit'/>

selanjutnya hapus semuanya. Fungsi code tersebut adalah icon Quick edit pada masing-masing widget, beberapa blogger hack bisa mendisable atau menghilangkan icon tersebut namun link edit widget itu sendiri adalah error karena mengandung code & yang tidak di tutup oleh ; sehingga menghasilkan error.

3 - Jangan lupa tambahkan tag ALT pada setiap image yang terdapat pada weblog, sekecil apapun image tersebut. Hal ini dimaksudkan agar Image tersebut tidak hanya berfungsi secara visual, namun dapat di baca oleh robots. Selain itu jangan lupa untuk menggunakan penutup tag tersebut dengan attribut /> sehingga bisa mengurangi error pada html validation.

4 - Jangan gunakan widget Archive menggunakan tampilan Hierarchy, karena itu akan menampilkan banyak error. Lebih baik gunakan Model List sehingga mengurangi error, selain itu tampilannya akan lebih simple dan elegant.

5 - Berhati-hati dalam menggunakan langkah berikut ini, pastikan anda tidak salah dalam melakukan copy paste karena sedikit perubahan dapat mengakibatkan error.

Cari kode seperti di bawah ini :

<b:include data='blog' name='all-head-content'/>

Kalau sudah ketemu ganti kode di atas dengan kode di bawah ini :

<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/IDBLOGGERANDA' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGANDA' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGANDA/posts/default' rel='service.post' title='OBLO - Atom' type='application/atom+xml'/>
<link href='http://www.URLANDA.blogspot.com/feeds/posts/default' rel='alternate' title='OBLO - Atom' type='application/atom+xml'/>

Perhatian!
IDBLOGGERANDA = dapat anda jumpai pada alamat URL Profile Blogger anda.
IDBLOGANDA = dapat anda jumpai pada alamat URL edit Html Blog anda.
URLANDA = isi dengan url blog anda.
6 - Jangan terlalu banyak menggunakan dash ( - ) pada HTML blog anda, memang akan terlihat indah jika kita menambahkan beberapa code ASCII disana, namun sadarkah anda itu hanya akan menambah jumlah error pada HTML / CSS anda.
Gunakan dash se minimal mungkin untuk mengurangi eror template anda seperti contoh di bawah ini :

HTML

Salah

Benar

CSS

/*----------- Header ------------*/ SALAH

/* Header */ Benar

7 - Banyak yang mengeluarkan trick untuk mendisable Default NAVBAR Blogger, tapi bagaimana kalo kita hapus saja Navbar tersebut. Karena walaupun di hidden / disable, link yang terdapat didalamnya akan tetap terbaca. Letakkan code berikut diantara </head> dan <body>

Setelah itu save template, maka akan keluar notifikasi untuk menghapus Widget Navbar.

Untuk menghilangkan Navigasi newer dan older post pada halam index, dapat menggunakan trik berikut ini. Cari code dibawah ini

<b:include name='nextprev'/>

Setelah ketemu kode di atas ganti dengan kode di bawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>

</b:if>

Catatan :

Semua template tidaklah sama,apa bila trik diatas tidak bisa di terapkan di template shobat blogger,mohon shering di box coment,dan keluhan shobat akan saya

jawab langsung apabila saya mampu dan akan saya jadikan PR apabila saya belum mampu

untuk mengatasi.

NB.

Semoga bermanfaat dan selamat mencoba.

Parsing atau Encode HTML merupakan cara yang cukup penting bagi para publisher yang akan membuat artikel mengenai code script html yang akan ditampilkan dalam postinganya pada saat dipublish.Misalnya ingin membuat postingan yang akan dipublish berisi code script html agar code script htmlnya tampil dihalaman postingan pada saat dipublish , seperti contoh ingin membuat artikel mengenai tutorial cara membuat widget recent post, cara membuat text area, cara mengedit template blog, cara parsing/encode HTML pada code iklan PPC/Adsense agar iklan dapat diselipkan diantara halaman posting, dan mungkin juga tutorial tentang cara membuat guestbook pada blogspot maupun wordpress dll. Kesimpulannya kode HTML tidak akan keluar di artikel postingan blog kita tanpa kode tambahan. Jadi bila kita tidak hafal kode tambahan tersebut, gunakan saja situs program extract Encode/Decode HTML entities yang sudah tersedia. Berikut ini saya akan mencoba menjelaskan kepada sobat netter cara mudah dan cepat mem-parsing/Encode HTML :

1- Siapkan/copy-kan dulu kode HTML yang ingin sobat parsing/di-Encode

2- Masukkan kode HTML yang tadi sobat copy ke dalam kotak yang tersedia di bawah ini dan klik Encode , selesai dan copykan saja hasil parsenya ke tempat yang sobat inginkan di ruang posting sobat

Grab This Widget

Atau sobat bisa langsung ke alamat ini http://centricle.com/tools/html-entities/

Selamat mencoba dan berkarya, semoga berguna bagi soba blogger