スポンサーリンク
2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。
ブログでクルクルスクロールの番外編。
ファンブログでページのいちばん下に「このページの先頭へ」リンクをつける方法です。
１記事ページの場合
１記事ページの場合は、単純にコメントの後に、</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 -->
関連コンテンツ
スポンサーリンク
うちではブログのトップページに、いろんなとこの下から
リンク貼ってるけど。
そっか、ページの先頭ってものありだよね。