Blogger theme v4

·

2 min read

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang='en-US' 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' xmlns:og='http://ogp.me/ns#'>
  <!--
    xmlns:b &#8211; &#8216;b&#8217; specifies that this namespace is used to access the blogger elements.
    xmlns:data &#8211; It is used to specify that from where the data of the blog comes.
    xmlns:expr &#8211; Calculates the expression for attributes.
-->

  <head>
    <b:include data='blog' name='all-head-content'/>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'/>
    <title>
      <data:blog.pageTitle/>
    </title>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>

    <b:skin><![CDATA[
       /* Custom CSS code goes here... */ body { font-family: Open Sans
      !important ; margin: 0; padding: 0; } .footer { background-color: #333;
      color: #fff; text-align: center; padding: 1rem; margin-top: 20px; position: relative;
  bottom: 0;
  left: 0;
  width: 100%;} 
    ]]></b:skin>

    <style type='text/css'>
      /*
-----------------------------------------------
Blogger Template Style
Name         : Basic Blogger Template
Designer     : son pham
Release      : August 2024
Version      : 1.0
License      : MIT
Email        : hungson12007@gmail.com
-----------------------------------------------

*/
    </style>
  </head>

  <body>

<b:section id='home-main'>
  <b:widget id='FeaturedPost1' locked='false' title='featurepost' type='FeaturedPost' version='1'>
    <b:widget-settings>
      <b:widget-setting name='showSnippet'>true</b:widget-setting>
      <b:widget-setting name='showPostTitle'>true</b:widget-setting>
      <b:widget-setting name='postId'>7778160407129810315</b:widget-setting>
      <b:widget-setting name='showFirstImage'>true</b:widget-setting>
      <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
      <div class='post-summary---'>
        <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
          <h3>
            <a expr:href='data:postUrl'><data:postTitle/></a>
          </h3>
        </b:if>
        <b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
          <p>
            <data:postSummary/>
          </p>
        </b:if>
        <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
          <img class='image1' expr:src='data:postFirstImage'/>
        </b:if>
      </div>


      <style type='text/css'>
        .image1 {
          width: 90%;
        }
      </style>
    </b:includable>
    <b:includable id='home-main'>
      <!-- Only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/> tôi</h2>
      </b:if>
      <b:include name='content'/>
    </b:includable>
  </b:widget>
</b:section>

    <footer>
      <div class='footer'>
        Copyright &#169; 2024
        <strong>
          <data:blog.title/>
        </strong>
      </div>
    </footer>
  </body>
</html>