Cara membuat template blogger tanpa clonning alias creative

Buka notepad++ copy code di bawah ini dan pastekan di notepad++

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/><meta content='NC6O9fSIQSDlQxp6VLqcPfQGLPW7GJw_s54TpMYWvA0' name='google-site-verification'/>
<meta content='RucqLpVyWvI3DgAYNFxL99JNdqs' name='alexaVerifyID'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='Sekumpulan angka dan aksara yang bergelantungan di depan mata anda' name='description'/>
<meta content='Tutorial Blogging, Blogspot, Template Blog, Template Hacker, Template Seo Friendly, Template Valid CSS3 HTML5, CSS3, Java script, JSON, HTML5, Validasi, Kode' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<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>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,follow' name='robots'/>
<meta content='noindex,follow' name='googlebot'/>
</b:if><b:skin><![CDATA[/
CSS
]]></b:skin>
</head>
<body>
</body>
</HTML>

Letakkan code ini di bawah <body>

<div class='outer-hz' id='outer-hz'>
<header class='header-wrapper cl cf' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='(Header)' type='Header'>
</b:widget>
</b:section>
</header>
</div>

Letakkan code ini di bawah </header>

<b:section class='main-wrapper' id='main-wrapper' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
</b:widget>
</b:section>

letakkan code ini di bawah </b:section>

<aside itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<b:section class='sidebar' id='sidebar-right' showaddelement='yes'>
</b:section>
</aside>

letakkan kode ini di bawah </aside>

<footer itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</footer>

letakkan code ini di atas ]]></b:skin>

body {
background: #eceef5;
margin: 0;
padding: 0;
color: #797979;
font-family: "Arial",Tahoma, sans-serif;
font-weight: 400;
font-size: 12px;
}
.outer-hz{
background:#fff;
max-width:960px;
width: 100%;
margin: 0 auto;
padding: 0;
}
/* dan seterusnya sesuai dengan elemen yang sobat buat sebelumnya.. */

Ini adalah kerangka awal, anda tinggal memberi CSS untuk sidebar, footer, header.

sesuaikan kode verifikasi, description, dll di dalam meta tag

❖ Cara membuat template blogger tanpa clonning alias creative

Posting Komentar