Menyembunyikan CSS Reset Stylesheet Blogger Agar Valid HTML5

Oleh Unknown

Rabu, 11 Juni 2014

Bagikan :

Tweet

Menyembunyikan CSS Reset Stylesheet Blogger Agar Valid HTML5 - Salah satu penyebab error terbesar pada validasi HTML5 ini adalah adanya CSS Reset Stylesheet di blog. Uniknya, anda tidak akan menemukan kode tersebut di Edit HTML template blog anda. Selain itu, kode tersebut juga yang menyebabkan loading blog berat. Jadi jika anda peduli dengan blog anda, anda perlu menghilangkan kode tersebut.

Baca juga : Menyembunyikan Javascript Widget Blogger Guna Mempercepat Loading Blog

Tapi, seperti yang saya bilang di awal bahwa kode tersebut tidak akan anda temukan di Edit HTML, otomatis anda tidak bisa menghilangkan dengan menghapus kodenya begitu saja. Anda harus menyembunyikannya. Seperti yang sudah pernah dibahas di Blog Kompi Ajaib dengan tutorialnya yang berjudul Trik Menyembunyikan CSS Reset Stylesheet Blogger. Dan untuk menemukan kode CSS Reset Stylesheet ini, anda dapat melihatnya di halaman 'page source' blog anda atasnya kelompok CSS. Kurang lebih, kodenya seperti berikut ini.

<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2400454670500925770&zx=63e5a599-a6b2-44a4-bad0-ee0a64a39b8c' />

Kode di atas terdiri dari dua link aktif dan itu bawaan dari blogger. Maka dari itu, setiap template pasti terdapat kode ini.

Ciri-cirinya, jika kode di atas belum disembunyikan adalah akan terbentuk link aktif berwarna biru. Hal itu menandakan kode tersebut masih aktif dan terbaca oleh browser. Jika kode di atas sudah tersembunyi, kode di atas seluruhnya akan berwarna hitam. Jadi, sebelum melakukan cara ini, silahkan lihat halaman 'page source' blog anda terlebih dahulu untuk memastikan sudah disembunyikan apa belum.

Tapi, pada masa sekarang, sebagian besar para pembuat template sudah menyembunyikan kode ini. Sehingga, anda tidak perlu lagi untuk melakukan trik ini bagi yang sudah. Cara ini ditujukan bagi yang belum saja.

Untuk menyembunyikannya, silahkan perhatikan susunan CSS template blog anda. Secara keseluruhan, akan terlihat seperti di bawah ini.

<b:skin><![CDATA[
......
......
KODE CSS DI SINI...
......
......
]]></b:skin>

Silahkan ganti kode <b:skin><![CDATA[ di atas dengan kode di bawah ini.

<style type="text/css">
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Kemudian, ganti kode ]]></b:skin> dengan </style>

Dari perubahan kode di atas, memang akan terlihat perubahan pada tampilannya. Terutama pada blog pager-nya yang akan mengumpul di tengah. Untuk itu, silahkan tambahkan kode di bawah ini di atas kode blog pager yang sudah ada sebelumnya.

#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}

Terakhir, save template anda.

Tag : CSS3, HTML5