<?xml version="1.0" encoding="UTF-8" ?>
<html 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>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Scratch Template
Designer: F(uriouz)
URL: https://furiouzps.blogspot.com/
----------------------------------------------- */
div#main{}
div#sidebar{}
.main{
}
.post img{max-width:100%;height:auto;}
.sidebar{
}
.footer-wrapper{
background-color:#eeeeee;
border:1px solid #989898;
}
]]></b:skin>
</head>
<body>
<div class='header-wrapper'>
<!--コードをここに置く-->
</div>
<div class='content-wrapper'>
<!--コードをここに置く-->
</div>
<div class='sidebar-wrapper'>
<!--コードをここに置く-->
</div>
<div class='footer-wrapper'>
<p>Lorem Ipsum</p>
</div>
</body>
</html>
こんな感じですね
コードは最初から入れても良いのですが、解りやすい様に実際に置いてどう変化するのか見てみると良いです
テーマ > カスタマイズ > HTML を編集
Ctrl+A で現在のテンプレートを選択してバックスペースキーで消した後、上のコードをコピペします
ヘッダー
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'> <b:widget id='Header1' locked='true' title='' type='Header' /> </b:section>
必ずしもヘッダーは必要ではありませんが、
投稿部分
<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' /> </b:section>
サイドバー
<b:section class='sidebar' id='sidebar' preferred='yes' showaddelement='yes'></b:section>
Bloggerはサイドバーのコードを入れないと投稿が表示されない様になっています
0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。