先のテンプレートでは画面いっぱいに記事が表示されます。
しかし、それではブログっぽくないので、ページを分割して、ブログっぽくします。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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>タイトル</title>
<b:skin></b:skin>
</head>
<body>
<div style='height:100px'>
<b:section id='header' />
</div>
<b:section id='main' />
</body>
</html>
このテンプレートでは、divタグを使って、記事の上に１００ピクセルのセクションを作りました。このように、BloggerのテンプレートではHTMLとスタイルシートを駆使してページの構成を作ります。
ウィジェットは置いておいて、まずはセクションをどこに配置するかを決めるといいでしょう。
0 件のコメント:
コメントを投稿