Bloggerのテンプレートの改造

改造後の結果；

    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' align='left'  Hspace='30' Vspace='5' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      <!--Show the title next to the image: Copied from Noheader image-->     
      <div class='titlewrapper'>
         <h1 class='title'>
           <a expr:href='data:blog.homepageUrl'>
            <b:include name='title'/>
           </a>
         </h1>
        <!--Show the description-->
         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
         </b:if>
     </div>
     </div>
    </b:if>
  <b:else/>

改造前の対応部分；

    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>

実際の振る舞いは；

• テンプレート「Simple」のヘッダ部分の改造 

どうやら、私の知りたい事は「widget.instanceId」周辺と、そもそも「expr:」や「b:」などです。とりあえず「blogger widget.instanceId」で検索すると、少しは核心に近づけそうです。

その中で、私にも判りそうなのは；

• blogger | egoblock

すこし勉強させて頂こうと...。

ーーーー このポストの履歴

1. 開始 2011-12-15 (木) 03:32
2. 追加 2011-12-15  (木) 14:38  「blogger widget.instanceId」で検索
3. 修正 2011-12-16  (金) 17:42　titleの<a>タグを変数に戻した。(対応：n06b.xml)
4. 修正 2011-12-17  (土) 18:07  (対応：Simple_02.xml, Simple_02.html)