Menghapus Variable Definitions Di Edit Html Blog

Beberapa pembuat template ada yang memakai 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 menyerupai 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 sanggup dilakukan di "Blogger Template Designer" yang memakai template customize hanya sanggup dilakukan di sajian "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 melaksanakan edit blog melalui Blogger Template Designer tapi akan pribadi pada Edit HTML dengan merubahnya secara manual sesuai dengan yang Anda inginkan. Jika sudah demikian maka saya rasa variable definitions tidak akan berkhasiat 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 bekerjasama dengan template blog. Jika sudah yakin tidak ada isyarat template yang bekerjasama dengan variable definitions ini, maka kita sanggup pribadi menghapus seluruh isyarat variable ini.

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

Sebagai pola variable definitions akan tampak menyerupai 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 dipakai atau sudah tidak dipakai lagi, kita tinggal temukan isyarat 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 isyarat yang memakai variable ini maka Anda akan menemukan isyarat menyerupai ini: background-color: $bgcolor atau background-color:$(bgcolor). Jika ingin menghapus variable ini maka silahkan ganti isyarat $bgcolor atau $(bgcolor) ini dengan isyarat yang tertera pada "value" nya. Jika ternyata kode $bgcolor ini ada banyak maka gunakan CTRL + Shift + R (Find and Replace). Jika sudah akibat dan tidak ada lagi isyarat yang mengunakan variable ini tinggal hapus variablenya. Begitu seterusnya untuk variable yang lainnya hingga semua variablenya dicek semua dan terhapus semua. 

Dari pengalaman saya, variable ini juga akan error dikala kita memakai trik untuk menyembunyikan CSS Riset Blogger untuk validasi HTML5. Makara kalau 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.

Sumber https://www.kompiajaib.com/

Share this post