Tema Dasar Blogger Terbaru

Unknown

 

Tema Dasar Blogger (blogspot) Terbaru


Masih Kosong tinggal di atur mau bagaimana, memakai widget 



<html b:version="2" expr:dir="data:blog.languageDirection" 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>

  <b:include data="blog" name="all-head-content">

  <title><data:blog.pageTitle/></title>

  <b:skin>

    &lt;![CDATA[

    /* VARIABEL KUSTOMISASI (UBAH NILAI DI BAWAH INI) */

    :root {

      /* WARNA */

      --primary: #333333;

      --secondary: #777777;

      --accent: #4285f4;

      --bg: #ffffff;

      /* TIPOGRAFI */

      --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

      --font-heading: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

      --font-size: 16px;

      --line-height: 1.6;

      /* SPASI */

      --space-sm: 10px;

      --space-md: 20px;

      --space-lg: 40px;

    }

    * {margin:0; padding:0; box-sizing:border-box;}

    body {color:var(--primary); background:var(--bg); font-family:var(--font-main); font-size:var(--font-size); line-height:var(--line-height); padding:var(--space-md);}

    a {color:var(--accent); text-decoration:none; transition:0.3s;}

    a:hover {opacity:0.8;}

    .container {max-width:800px; margin:0 auto;}

    .footer {text-align:center; padding:var(--space-lg) 0; color:var(--secondary); border-top:1px solid #eee;}

    @media (max-width:600px) {

      :root {--font-size:15px; --space-lg:30px;}

    }

    ]]&gt;

  </b:skin>

</b:include></head>

<body>

  <div class="container">

    <!-- HEADER WIDGET -->

    <b:section class="header" id="header" maxwidgets="1" name="Header" showaddelement="yes">

      <b:widget id="Header1" title="Header" type="Header">

    </b:widget></b:section>

    <!-- NAVIGATION WIDGET -->

    <b:section class="main-nav" id="navigation" maxwidgets="1" name="Navigation" showaddelement="yes">

    <!-- MAIN CONTENT WIDGET -->

    <main>

      <b:section class="main-content" id="main" maxwidgets="10" name="Main Content" showaddelement="yes">

    </b:section></main>

    <!-- SIDEBAR WIDGET -->

    <aside>

      <b:section class="sidebar" id="sidebar" maxwidgets="5" name="Sidebar" showaddelement="yes">

    </b:section></aside>

    <!-- FOOTER WIDGET -->

    <footer class="footer">

      <b:section class="footer-section" id="footer" maxwidgets="3" name="Footer" showaddelement="yes">

    </b:section></footer>

  </b:section></div>

</body>

</html>