Sunday, 24 February 2013

bloggerのフッタのちょっとしたカスタマイズ(非推奨)

このNEWSブログは先日から弄っているが、本日もcssにてレイアウトの微調整を施した。
そんな中、どうしても気になるのがフッタ部分。拙websiteのフッタと同じ形式にするため、ちょっとしたカスタマイズを仕掛けた。以下、自己責任にてお願いする次第である

オリジナルのものにするために、既成のフッタ部分
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
を削除する必要があるが、一度削除してしまうと元に戻せないので、コメントアウトで隠す方法を採ることにした。
<!-- outside of the include in order to lock Attribution widget
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section> -->
上記の通りにコメントアウトして隠して、あとはレイアウト画面で「HTML/JavaScript」ガジェットを追加してそれに拙websiteのフッタと同じHTMLを入れ、テンプレートデザイナーにてCSSを追加して(他にテンプレートのHTML側にもwebfontやらJavaScriptやら追加しているが省略)完成。

既成のフッタ

カスタマイズ後

No comments:

Post a Comment