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ランキング
-
ブログやYoutubeで勝手に人の記...
-
教えてください 趣味のことを発...
-
FC2は登録しても安全ですか?
-
高価なものを買ってブログに載...
-
ブログを引っ越しする時は使っ...
-
この XML ファイルにはスタイル...
-
ブログIDって何でしょうか?
-
画像をクリックしたら別の画像...
-
検索しすぎました
-
URLを知る人だけが見られるブロ...
-
amebaで嫌がらせをされ困ってい...
-
ブログを書いてログインせず、...
-
ブログを引っ越ししたいと思っ...
-
gooブログのアクセス解析から自...
-
動詞-て + らして って どうい...
-
gooブログの、自分のURLを教えて
-
エキサイトブログで記事を中央...
-
ネットストーカーにあっています
-
ブログの記事を書きだしのみに...
-
なぜAWSやMicrosoftなど大企業...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
高価なものを買ってブログに載...
-
この XML ファイルにはスタイル...
-
シーサーブログのタイトル文字...
-
知らない人のブログを見ても。...
-
動詞-て + らして って どうい...
-
ブログやYoutubeで勝手に人の記...
-
インストール型のブログ
-
画像をクリックしたら別の画像...
-
ブログのバックアップを取って...
-
ブログを引っ越ししたいと思っ...
-
FC2は登録しても安全ですか?
-
ブログの閉鎖理由
-
URLを知る人だけが見られるブロ...
-
FC2ブログとFC2ホームペ...
-
ブログIDって何でしょうか?
-
ブログが削除される恐怖
-
「昔はよかった」は、所詮年寄...
-
ブログをなぜ突然やめるのか
-
検索しすぎました
-
突然更新が途絶えたブログ
おすすめ情報
