Menghapus Variable Definitions Di Edit HTML Blog

Menghapus Variable Definitions Di Edit HTML Blog

Bola Hero Gawai

Menghapus Variable Definitions Di Edit HTML Blog

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.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

36 Comments Add Comment

aduhhhhhhhhhh terlambat sedikit, tapi matap mas

Balas

Tapi saya lebih suka menggunakan Variabel Definitions, agar mudah mengubah warna blog, soalnya kalo pake edit html terlalu lama

Balas

Mantab tipsnya mas Adhy, tapi kalo pake variable definition lebih simple kan mas.

Balas

Makasih mas :D

Balas

Btul mas, dengan variable definition jadi lebih mudah untuk mengubah warna di blog :)

Balas

Betul mas dengan variable jadi lebih simple untuk merubah warna dan font :)

Balas

mantapp,,, tp saya ga tau cara ngubah warna dengan variable tekan apa ya mas

Balas

Jika di template terdapat variable seperti di atas dan kode-kode pemanggilnya masih ada, kita bisa mengubah warna blog dengan mudah. Silahkan masuk ke Dashboard >> Template >> kemudian pilih tombol Customize dan akan masuk ke Blogger Template Designer kemudian pilih menu Advanced. Nah silahkan di situ pilih warna sesuai dengan item yang tersedia.

Balas

Dulu sempet ada kode variable, karena masih buta dengan kode-kode di edit html. Tapi alhamdulillah sekarang udah mengerti sedikit-sedikit, jadi variable tidak dibutuhkan lagi :D

Balas

Behh mantep pisan kang artikelna, sok saya pelajarin.. :D

Balas

kalau saya edit template pasti langsung menuju ke TKP mas hehehe :ng

Balas

betul kang penggunaan variabel memang mempermudah kita melakukan perubahan tapi yach itu tadi kita tersandung saat mau melakukan validasi, dulu hal itu sangatlah sulit untuk diperbaikinya, tapi setelah tahu dan mengerti caranya kendala tersebut bisa teratasi.
Terima kasih kang sudah berbagi.....good post...!

Balas

mas kode ini kenapa saya hapus kenapa selalu muncul xmlns:b='http://www.google.com/2005/gml/b xmlns:data='http://www.google.com/2005/gml/data xmlns:expr='http://www.google.com/2005/gml/expr

kalau memang ngak bisa dihapus apa ada cara lain supaya bisa valid HTML5?

Balas

kalau saya main hapus saja tanpa cek dulu...bukan karena males, tapi karena tidak tahu :D

Balas

ijin baca dan praktekin kang :-d

Balas

Siipp kang :-bd

Balas

Silahkan mas :)

Balas

Siippp sis biar lebih josss :-bd

Balas

Betul kang... beberapa kali saya mencoba untuk menyembunyikan CSS Riset Blogger selalu tersandung variable ini :)

Balas

Coba kode paling atas edit html ganti dengan ini mas
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>

dan jangan lupa penutupnya yang paling bawah ganti juga menjadi hurup besar semua jadi seperti ini
</HTML>

Balas

hehehe biasanya jika masih ada kode yang menggunakan variable, tampilannya akan ada yang berubah kang :)

Balas

Silahkan mas :D

Balas

Nah .. ini dia yang saya cari-cari ..
thanks ya mas... adhy

Balas

ini juga akan mengurangi beban blog kita ya mas broo

Balas

Sama-sama mas :)

Balas

Betul bang, biasanya kode variable lumayan banyak, jadi dengan menghapusnya bisa mengurangi size xml blog kita.

Balas

sepengetahuan saya untuk variable definitions hanya sebatas penggunaan kode font dan warna saja ya mas? dan saya memilih untuk tidak menggunakannya :)

Balas

Betul mbak Ana, biasasnya pembuat custom template yang menggunakan variable definitions hanya membatasi penggunaannya untuk hanya merubah warna dan jenis font saja agar tidak merubah tampilan blog secara keseluruhan. :)

Balas

dulu pernah , saya hapus semua ,, dan nggk ngerti kalau itu sebenarnya berfungsi ..
alhasil template langsung berantakan :D

Balas

saya pake kode seperti itu mas, tapi beberapa minggu ini dibelakang 'languageDirection' selalu muncul kode xmlns:b....., kalua saya hapus selelu muncul lagi, saya bingung mas! apa mungkin mbah google lagi nilang saya ya...??!

Balas

lamun apal yeuh nyak, eta pakek properti variabel kitu bisa buat kode responsive...urg pernah manggihana...hohoho
ngan lieur makena...wkwkwkwk

Balas

Betul mas harus dicek dulu kalau mau menghapusnya :) kalau tidak bisa berantakan templatenya :)

Balas

Oh kitu kang... nembe terang yeuh hehehehe... hatur nuhun tos ngawartosan...

Balas

Sebenarnya fungsi variable ini untuk mempermudah pengantian warna pada template, ko dihapus...???

Balas

Silahkan baca lagi alenia ketiga di atas mas :)

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×