Big Bang

パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる

ページの一番上へリンクする

| 1件のコメント

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

ブログでクルクルスクロールの番外編。
ファンブログでページのいちばん下に「このページの先頭へ」リンクをつける方法です。

1記事ページの場合

1記事ページの場合は、単純にコメントの後に、</BlogComments>という箇所を探して
</div><!– /entries –>と書かれた行の次に1行追加するだけです。

追加する部分は青文字になっています。

</BlogComments>
</div><!-- text -->
</div><!-- comments -->
</div><!-- commentForm -->
</div><!-- /entries -->
<p style="text-align:center"><a href="#header" title="このページの先頭へ">このページの先頭へ</a></p>
</div><!-- content -->

メインページとアーカイブページ

メインページのスキンとアーカイブページのスキンはまったく同じように改造しました。

この2つは、ナビゲーションごとカスタマイズしています。つまり、

<<もっと古い記事 このページの先頭へ もっと新しい記事>>

という1行になるようにしています。

改造箇所はスキンの終わりのほう、</BlogEntries>のあとの
<div id=”nextprev”></div><!– nextprev –>の間を変えています。

</div><!-- entry -->
</BlogEntries>
<div id="nextprev">
<p>
<BlogIfPageNext>
<span style="float:left">&lt;&lt; <a href="{$BlogPageNextLink$}">もっと古い記事</a></span>
</BlogIfPageNext>
<a href="#header" title="このページの先頭へ">このページの先頭へ</a>
<BlogIfPagePrevious>
<span style="float:right"><a href="{$BlogPagePrevLink$}">もっと新しい記事</a> &gt;&gt;</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 -->

1件のコメント

  1. うちではブログのトップページに、いろんなとこの下から
    リンク貼ってるけど。
    そっか、ページの先頭ってものありだよね。

コメントを残す

Top