![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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を編集して削除するのはどうなのかなと思ったのですが、どうなのでしょうか?削除したら違反とかになっちゃうのでしょうか?
あとは記事タイトルの部分をもっと大きくしてヘッドバーの大きさに邪魔されないようにするって考えもあるのですが、その部分だけがでかくなったらなんかバランス的に変かなとも思ってしまいます。
アドバイスのほどよろしくお願いします。
No.1ベストアンサー
- 回答日時:
うーん、<%topentry_title>に戻るようにしてあるので
それで正しい気がします…。あいまいですみません汗
FC2バーでしたらブログ管理画面から
設定 > 環境設定 > ブログの設定 > 検索バーの設定 という項目で非表示に出来ますよ。
参考URL:http://imakarablog.blog.fc2.com/blog-entry-25.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブログのコメントについて
-
ブログのログアウト方法
-
一般人が書いたブログって誰も...
-
動詞-て + らして って どうい...
-
この XML ファイルにはスタイル...
-
ブログやYoutubeで勝手に人の記...
-
画像をクリックしたら別の画像...
-
ブログのコメントが来ないのは?
-
URLを知る人だけが見られるブロ...
-
「LINEブログ」はどこで見れるん...
-
霊感漫画家の伊藤三巳華先生の...
-
FC2は登録しても安全ですか?
-
友達と共有できるブログなど
-
ブログを下着販売掲示板になり...
-
ブログを書いている人は、だれ...
-
一度削除したgooブログの復活方...
-
ブログの持ち主は、誰が見てい...
-
ブログで企業やお店を「さん」...
-
アメーバブログをPCと携帯両...
-
ブログやホームページの持ち主...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
この XML ファイルにはスタイル...
-
動詞-て + らして って どうい...
-
ブログやYoutubeで勝手に人の記...
-
URLを知る人だけが見られるブロ...
-
ブログのコメントについて
-
一般人が書いたブログって誰も...
-
自分のブログ、誰に読まれてる...
-
FC2は登録しても安全ですか?
-
ブログを書いている人は、だれ...
-
アクセス解析に出てくるfaceboo...
-
突然更新が途絶えたブログ
-
URLの貼り付けと名前の変更につ...
-
ブログの「もっと見る」について
-
テレグラムをブログに埋め込む...
-
アメーバブログをPCと携帯両...
-
消滅都市 タイヨウのセリフの元...
-
ブックマークをすると相手に個...
-
大日月地神示 ←について ご存知...
-
広告収入が目的でブログをやっ...
-
ブログで企業やお店を「さん」...
おすすめ情報