【Blogger】テンプレートHTMLを編集してみた

いろいろBloggerのテンプレートを編集したいのだが、
どこをどー触っていいのか、よくわからなかったので、
基本的なところからまずやってみよー


ということで
ichi tasoさんの Blogger カスタマイズ Tipsまとめ 参考にさせていただきました。
(というか、ほぼそのままやってみたｗ)


このブログでやってみたのは、


Blogger テンプレート HTMLを編集

1. テンプレートに使用言語を指定する
2. ブログタイトルをクリックでトップページへLinkさせる
3. Titleタグのブログ名と記事名の記述を変更する
4. 記事内のタイトルにパーマリンク（Permalink）を付ける
5. BloggerのNavバー（ナビゲーションバー）を非表示にする
6. ガジェットのタイトルを「h2」から「p」タグへ変更する

の6つ(Blogger カスタマイズ Tipsまとめ とは番号が違いますのであしからず。。)

ざっとHTMLで触ってみた所感としては、

mobile版も一緒に書いてあるので、よくわからん感じになってたのかーということがわかった。

ただ、HTMLタグがどう記述しているか、なんとなくわかったので、

次はSNSボタンの配置をしてみようと思う。




【補足】
4.記事内のタイトルにパーマリンク（Permalink）を付ける だけ、
ちょっとHTMLが変更になってたみたいなので、
私が実際にやった時のXMLを載せときます。

      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>

h3タグにitemprop='name' という属性が追加されたみたいですね。