フリーのBloggerテンプレート「QooQ」のカスタマイズについてまとめています。
参考程度に。
切り取る箇所
以下の部分をごっそり切り取ります<div id='navigation'> <div class='container'> <label for='navigation-button' id='navigation-label'>=</label> <input id='navigation-button' type='checkbox'/> <div id='navigation-content'> <b:section id='ナビゲーション' maxwidgets='1' showaddelement='no'> <b:widget id='PageList1' locked='true' title='ページ' type='PageList' version='1'> <b:widget-settings> ~ </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> </div> </div>
差し込む箇所
ヘッダのdivの下に先程切り取ったコードを挿入します<div id='header'> <b:section id='ヘッダー' maxwidgets='1' showaddelement='no'> ~ </b:section> </div> <!--- ここにいれる --->