ブログでクルクルスクロール
の番外編。
ファンブログでページのいちばん下に「このページの先頭へ」リンクをつける方法です。
１記事ページの場合
１記事ページの場合は、単純にコメントの後に、 </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 -->
