Dorinkutozi

Tutorial Blogger, SEO Blogger, Template Blogger

Ads Here

Rabu, 22 Maret 2017

Cara Template Blogger Menjadi Valid HTML5

valid
Valid HTML5
Halo sob, udah beberapa hari nih saya gk update, sekarang saya lagi fokus belajar bikin template meski ilmu saya belum seperti mastah-mastah. Ok sob updatean kali ini saya akan membahas Cara Membuat Template Blogger Valid HTML5.
Ya untuk kegunaannya cukup berpengaruh besar terhadap Speed Blog sobat. Meski yang saya share ini masih bersifat BETA tapi kalo di kembangkan lagi pasti akan lebih Optiamal, Valid HTML5, Dan Speed Blog nyampe 99 di Google Speed Insight. Ok sekarang langsung saja praktek :

1. Sobat cari kode seperti di bawah ini pokonya kode ini udh yang di paling atas :

<html 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" xmlns="http://www.w3.org/1999/xhtml">

<head>
Atau kode seperti di bawah ini

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' 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'>

<head>
Hapus kode di atas kemudian ganti dengan kode di bawah ini :

<!DOCTYPE HTML>
<HTML lang='id'>
<head>
<meta charset='UTF-8'/>
2. Sobat cari kode seperti ini :

<b:include data='blog' name='all-head-content'/>
kode di atas hapus kemudian ganti dengan kode di bawah ini :

<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
3. Cari kode seperti di bawah ini :

 <b:skin><![CDATA[
....
...
....
]]></b:skin>
kemudian ganti dengan kode di bawah ini :

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

<style>
/*<![CDATA[*/
....
....
....
/*]]>*/</style>
4. Kemudian sobat cari kode <b:template-skin> kemudian sobat ganti dengan kode <style>
kemudian sobat cari kode </b:template-skin> kemudian ganti dengan kode </style>

5. Kemudian sobat cari kode </body> kemudian ganti dengan kode &lt;!--</body>

6. Sobat cari kode </html> kemudian ubah dengan huruf kapital semua seperti ini </HTML>

Ok sob sekian dari saya, semoga artikel ini bermanfaat dan Terima kasih. Apabila sobat ada yang kurang mengerti dengan yang saya shre di atas sobat bisa berkomentar di bawah.

Tidak ada komentar:

Posting Komentar