 |
| Source: jagodesain.com |
Salah satu hal yang paling sering ditanyakan adalah masalah kode --> yang muncul tiba-tiba pada bagian header blog, penulis pun juga mengalaminya dan sempat kebingungan mencari penyebab masalah ini muncul.
Masalah ini tidak hanya muncul pada Template Median UI saja, tetapi juga di kebanyakan template kostum lainnya.
Penyebab Utama
Setelah dicari tahu ternyata penyebab utama kode ini muncul adalah karena Pembaharuan Blogger, pada template kostum biasanya kode bawaan blogger seperti CSS dan javascript disembunyikan agar tidak memberatkan loading blog. Salah satu caranya adalah dengan sedikit trik memodifikasi tag <head> dengan memanfaatkan tag comment seperti pada contoh dibawah ini:
<!--<head/>--></head>Kode diatas berfungsi untuk menyembunyikan CSS bawaan blogger, hasil render browser yang muncul adalah kurang lebih seperti dibawah ini:
<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' rel='stylesheet'/></noscript>
</head>--></head>Diatas terlihat kode bawaan blogger berubah menjadi tag comment yang diartikan hanya sebagai komentar dan tidak memiliki nilai pada template
Tag comment adalah tag yang dimulai dengan <!-- dan diakhiri dengan -->, contohnya seperti ini : <!-- comment -->, Anda akan menjumpai banyak kode seperti ini pada template Median UI
Tag yang menjadi masalah dan muncul di header blog Adalah kode yang ditandai dibawah ini:
<head/>-->Alasan kode tersebut muncul
Masalah ini hanya muncul pada blog yang terpasang iklan Adsense, karena itulah pada blog demo ini tidak muncul masalah ini. Pada pembaharuan blogger, mereka menambahkan ID adsense client pada bagian <head> dengan menggunakan tag comment, jika dilihat hasil rendernya akan menjadi seperti dibawah ini:
<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' rel='stylesheet'/></noscript>
<!-- data-ad-client=ca-pub-000000000000000 -->
</head>--></head>Pada kode diatas terlihat tag comment sudah tertutup karena ada ID adsense, karena itulah tag penutup comment yang ada pada template diubah menjadi teks biasa yang berakhir muncul pada pojok kanan atas blog.
Cara menghapus kode --> pada template
Untuk menghapus kode tersebut silahkan edit HTML template Anda dan cari kode seperti dibawah ini :
<!--<head/>--></head>Hapus bagian kode yang sudah ditandai dan simpan template Anda. Jangan lupa cek blog Anda untuk memastikan tanda --> tidak muncul lagi.
