Menghapus Variable Definitions Di Edit HTML Blog

Beberapa pembuat template ada yang menggunakan variable definitions pada xml template-nya. Ini bertujuan untuk mempermudah pengguna template-nya dalam mengedit atau merubah tampilan blog. Dengan variable definitions, merubah tampilan blog seperti warna background atau jenis dan ukuran font akan lebih mudah. Pengguna tidak perlu masuk ke edit HTML, tapi cukup lakukan dari tombol "Customize" yang nantinya akan masuk ke "Blogger Template Designer".

Biasanya perubahan yang dapat dilakukan di "Blogger Template Designer" yang menggunakan template customize hanya bisa dilakukan di menu "Advanced" dan hanya merubah warna baik warna background, warna link, atau warna font dan jenis serta ukuran font.

Jika Anda sudah mengerti cara meng-edit HTML template blog, maka kemungkinan besar Anda tidak akan melakukan edit blog melalui Blogger Template Designer tapi akan langsung pada Edit HTML dengan merubahnya secara manual sesuai dengan yang Anda inginkan. Jika sudah demikian maka saya rasa variable definitions tidak akan berguna lagi dan akan lebih baik di hapus saja untuk memperkecil ukuran xml template.

Namun untuk menghapus variable definitions ini harus dipastikan dulu bahwa variable definitions benar-benar sudah tidak berhubungan dengan template blog. Jika sudah yakin tidak ada kode template yang berhubungan dengan variable definitions ini, maka kita bisa langsung menghapus seluruh kode variable ini.

Untuk memeriksa masih ada atau sudah tidak ada lagi kode yang berhubungan dengan variable definitions ini, maka kita harus mengeceknya satu per satu sesuai dengan variable yang ada. Caranya cukup mudah dengan memanfaatkan fitur "Search" atau CTRL + F di edit HTML.

Sebagai contoh variable definitions akan tampak seperti di bawah ini. Namun perlu diingat bahwa variable definitions setiap blog akan berbeda-beda.

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#eeeeee">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#256ead">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#333333">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#666666">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#000000">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#dcd9d9">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#333333">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#256ead">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

Nah untuk mengecek apakah variable ini masih digunakan atau sudah tidak digunakan lagi, kita tinggal temukan kode sesuai dengan "name" pada variablenya. Misalnya kita akan mengecek variable dengan name "bgcolor" silahkan CTRL + F kemudian masukan "bgcolor" dan klik enter. Jika masih ada kode yang menggunakan variable ini maka Anda akan menemukan kode seperti ini: background-color: $bgcolor atau background-color:$(bgcolor). Jika ingin menghapus variable ini maka silahkan ganti kode $bgcolor atau $(bgcolor) ini dengan kode yang tertera pada "value" nya. Jika ternyata kode $bgcolor ini ada banyak maka gunakan CTRL + Shift + R (Find and Replace). Jika sudah selesai dan tidak ada lagi kode yang mengunakan variable ini tinggal hapus variablenya. Begitu seterusnya untuk variable yang lainnya sampai semua variablenya dicek semua dan terhapus semua. 

Dari pengalaman saya, variable ini juga akan error ketika kita menggunakan trik untuk menyembunyikan CSS Riset Blogger untuk validasi HTML5. Jadi jika Anda ingin mencoba validasi HTML5 dengan menyembunyikan CSS Riset Blogger dan pada blog Anda masih terdapat variable definitions, maka silahkan hapus dulu variable definitions-nya.