ブログでクルクルスクロールの番外編。
ファンブログでページのいちばん下に「このページの先頭へ」リンクをつける方法です。
１記事ページの場合
１記事ページの場合は、単純にコメントの後に、</BlogComments>という箇所を探して
</div><!-- /entries -->と書かれた行の次に１行追加するだけです。
追加する部分は青文字になっています。
</BlogComments>
</div><!-- text -->
</div><!-- comments -->
</div><!-- commentForm -->
</div><!-- /entries -->
<p style="text-align:center"><a href="#header" title="このページの先頭へ">このページの先頭へ</a></p>
</div><!-- content -->
メインページとアーカイブページ
メインページのスキンとアーカイブページのスキンはまったく同じように改造しました。
この２つは、ナビゲーションごとカスタマイズしています。つまり、
<<もっと古い記事 このページの先頭へ もっと新しい記事>>
という１行になるようにしています。
改造箇所はスキンの終わりのほう、</BlogEntries>のあとの
<div id="nextprev">と</div><!-- nextprev -->の間を変えています。
</div><!-- entry -->
</BlogEntries>
<div id="nextprev">
<p>
<BlogIfPageNext>
<span style="float:left"><< <a href="{$BlogPageNextLink$}">もっと古い記事</a></span>
</BlogIfPageNext>
<a href="#header" title="このページの先頭へ">このページの先頭へ</a>
<BlogIfPagePrevious>
<span style="float:right"><a href="{$BlogPagePrevLink$}">もっと新しい記事</a> >></span>
</BlogIfPagePrevious>
</p>
<br style="clear:both"/>
</div><!-- nextprev -->プロフィールとポータル
プロフィールページとポータルページには「このページの先頭へ」はいらないと思うのですが、
つけるならば</div><!-- /content -->と書かれた上につけます。
</div><!-- entry -->
</div><!-- /entries -->
<p id="gotop"><a href="#header" title="このページの先頭へ">このページの先頭へ</a></p>
</div><!-- /content -->