Beranda » CSS » Trik CSS Reset Stylesheet template Blogger

Trik CSS Reset Stylesheet template Blogger

Trik CSS Reset Stylesheet template Blogger

Untuk mengatasi error saat menerapkan trik validasi html5 sobat bisa mencoba dan menggunakan cara ini yaitu menyembunyikan CSS Reset Stylesheet, Kodenya seperti berikut:

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/2761160889-widget_css_bundle.css' />

dan kode kedua

<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=2319533736235461549&zx=df9721d1-d17f-485e-96d4-e45eb5d6db36"/>

Tidak hanya itu saja dengan trik dan langkah menyembunyikan CSS Reset Stylesheet ini kita bisa menghilangkan error widget pada W3C dan mengurangi kode CSS pertama yang mengakibatkan loading blog lebih berat Dan untuk kode CSS kedua yang terkadang menmbulkan error pada penerapan validasi HTML5.

Langsung saja buka template blog sobat dan cari kode

<b:skin><![CDATA[

.........Kode CSS panjang.........

]]></b:skin>

Jika sudah ditemukan ganti kode tag <b:skin><![CDATA[ dengan kode berikut:

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

dan kode tag ]]></b:skin> dengan kode

</style>

Penting: biasanya langkah ini akan berefek pada widget default blogger sehingga perlu di atur ulang. lalu blog-pagger yang perlu di atur ulang karena bertumpuk di tengah cukup dengan mengganti cssnya dengan css di bawah ini

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

Jika sobat masih menggunakan template yang memakai variable seperti

/* Variable definitions

   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#000000">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#1E90FF">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#073763">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#000000">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#800000">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#000000">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#333333">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#1E90FF">
   <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 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 24px Arial, Tahoma, Helvetica, FreeSans, sans-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 Arial, 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">
*/

silahkan hapus dan rubah semua nilai yang terdapat di dalam cssnya, karena akan muncul error ketika template disimpan. atau jika sobat tetap ingin memppertahankannya dengan trik yang sobat punya.

Demikian semoga berguna....

Trik CSS Reset Stylesheet template Blogger

Belum ada tanggapan untuk "Trik CSS Reset Stylesheet template Blogger"

Post a Comment