FC2ブログで追記を閉じるを押しても記事トップに
FC2ブログで利用しています。
長い記事を書くことがあるので「続きを読む・続きを閉じる」の機能を利用しています。
設定の仕方はこちらのブログの記事を参考にさせていただきました。
http://bisco.blog2.fc2.com/blog-entry-6.html
-上記ブログの記事内容-
１．HTMLの<head>と</head>の間に以下を挿入します。
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>
２．HTMLの<!--more_link-->と<!--/more_link-->の間を以下に変更します。
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">【Read More】</a>
</span>
<div id="varXYZ<%topentry_no>" style="display: none">
<%topentry_more><br clear="all">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">【Hide More】</a>
</div>
<!--/BisEntryIfExtended-->
３．閉じたときに記事の頭へ戻れない場合
閉じるときにはid="<%topentry_no>"を目印にしているので、記事タイトル（<%topentry_title>）を囲む<h3>や<div class="entry_title">などにid="<%topentry_no>"を入れます。
このブログの記事に書いてある通りにHTMLも書き換えたのですが、続きを閉じるを押してもその記事のトップには戻っているのですが、記事のタイトルの部分がFC2ブログのヘッドバー（ブログの一番上にあるバー、広告だったり「ブログ内検索」があったり）と被ってしまい記事のタイトルが表示されてない状態で、見た目が記事のトップに戻れて無いような感じでなんだかしっくりきません。
続きを閉じるを押した時にヘッドバーに邪魔されずに記事タイトルが画面上に表示された状態にするやり方を是非教えていただきたいです。
自分のブログのURLはこちらです。
http://cirquefreak.blog.fc2.com/
今ふと思ったのはこのFC2のヘッドバーをHTMLを編集して削除するのはどうなのかなと思ったのですが、どうなのでしょうか？削除したら違反とかになっちゃうのでしょうか？
あとは記事タイトルの部分をもっと大きくしてヘッドバーの大きさに邪魔されないようにするって考えもあるのですが、その部分だけがでかくなったらなんかバランス的に変かなとも思ってしまいます。
アドバイスのほどよろしくお願いします。
