Blogger のモバイル テンプレート加工

備忘録。

bloggerのHTML文言より、スマホ用のコードを明確に。

①HTML編集ボタンを押下
            <div class='post-header-line-1'/>

↑この文字をコピーして探す。

②場所の特定
検索すると、            <div class='post-header-line-1'/>　が2箇所存在。
1番目がモバイル用。

③記事の先頭をメモ。
１つめ     <div class='post-header-line-1'/>
　の直下がモバイル用本文の欄。


④ 記事の末尾をメモ
 <data:post.body/>
記事の末尾のコード

---

【見本】

          <div class='post-header'>
            <div class='post-header-line-1'/>

<!--　本文の前　-->
<br/>
<br/>
<!-- 本文の前　-->


          </div>
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <data:post.body/>


<!--　本文の後　-->
<br/>
<br/>
<!-- 本文の後　-->