Membuat template Blogger kosong melibatkan penghapusan total struktur template yang ada. Ini memungkinkan Kamuh untuk membangun desain blog Kamuh dari awal.
- Edit HTML: Arahkan ke dashboard Blogger Kamuh dan akses opsi "Edit HTML" di bagian "Template".
- Hapus Kode yang Ada: Hapus semua kode yang ada di dalam editor HTML.
- Struktur Dasar: Tambahkan tag HTML fundamental seperti <html>, <head>, dan <body> beserta tag penutupnya.
- Tag Blogger yang Diperlukan: Sertakan tag <b:skin></b:skin> dan minimal satu tag <b:section></b:section> dengan ID unik. Ini penting agar Blogger berfungsi.
Kode template:
<?xml version="1.0" encoding="UTF-8" ?>
<html b:css='false' b:js='false' 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>
<meta content='noarchive, noimageindex' name='robots'/>
<meta charset='utf-8'/>
<meta content='default' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='mobile-web-app-capable'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2, viewport-fit=cover' id='viewport' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/> - jnrgyt</title>
<b:skin><![CDATA[
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*
--
--
-- _ _
-- (_)_ __ _ __ __ _ _ _| |_
-- | | '_ \| '__/ _` | | | | __|
-- | | | | | | | (_| | |_| | |_
-- _/ |_| |_|_| \__, |\__, |\__|
-- |__/ |___/ |___/
--
-- design konten kamu dsini
--
--
--*/
.center p{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
p img {border-radius: 50%;border: solid white 5px;box-shadow: black 0px 0px 20px 0px}
]]></b:skin>
</head>
<body data-id="jnrgyt">
<b:section class='main' id='main' showaddelement='yes'/>
<div class='center'>
<p><img src='https://picsum.photos/200'/></p>
</div>
</body>
</html>
Dengan canvas kosong ini, Kamuh sekarang dapat memasukkan HTML, CSS, dan JavaScript Kamuh sendiri untuk mendesain tema Blogger unik.
0 Post a Comment