電子書籍の厳選無料作品が豊富!

FC2ブログで利用しています。

長い記事を書くことがあるので「続きを読む・続きを閉じる」の機能を利用しています。
設定の仕方はこちらのブログの記事を参考にさせていただきました。
http://bisco.blog2.fc2.com/blog-entry-6.html


-上記ブログの記事内容-

1.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>

2.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-->

3.閉じたときに記事の頭へ戻れない場合

閉じるときにはid="<%topentry_no>"を目印にしているので、記事タイトル(<%topentry_title>)を囲む<h3>や<div class="entry_title">などにid="<%topentry_no>"を入れます。


このブログの記事に書いてある通りにHTMLも書き換えたのですが、続きを閉じるを押してもその記事のトップには戻っているのですが、記事のタイトルの部分がFC2ブログのヘッドバー(ブログの一番上にあるバー、広告だったり「ブログ内検索」があったり)と被ってしまい記事のタイトルが表示されてない状態で、見た目が記事のトップに戻れて無いような感じでなんだかしっくりきません。

続きを閉じるを押した時にヘッドバーに邪魔されずに記事タイトルが画面上に表示された状態にするやり方を是非教えていただきたいです。
自分のブログのURLはこちらです。
http://cirquefreak.blog.fc2.com/

今ふと思ったのはこのFC2のヘッドバーをHTMLを編集して削除するのはどうなのかなと思ったのですが、どうなのでしょうか?削除したら違反とかになっちゃうのでしょうか?

あとは記事タイトルの部分をもっと大きくしてヘッドバーの大きさに邪魔されないようにするって考えもあるのですが、その部分だけがでかくなったらなんかバランス的に変かなとも思ってしまいます。

アドバイスのほどよろしくお願いします。

A 回答 (1件)

うーん、<%topentry_title>に戻るようにしてあるので


それで正しい気がします…。あいまいですみません汗

FC2バーでしたらブログ管理画面から
設定 > 環境設定 > ブログの設定 > 検索バーの設定 という項目で非表示に出来ますよ。

参考URL:http://imakarablog.blog.fc2.com/blog-entry-25.html
    • good
    • 0
この回答へのお礼

検索バー非表示にしたら無事記事タイトルが表示されるようになりました。
ありがとうございました。

お礼日時:2014/07/17 11:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!