ブログの追記を表示されるリンクから複数のページを開く方法

このQ&Aのポイント
  • fc2でブログを開いている方が、記事に追記を設定した際に表示されるリンクから複数のページを開く方法について教えてください。
  • 記事の下に表示される「続きを読む」や「Read More」といったリンク部分の文字を、小さな画像(アイコン)に変える方法についても知りたいです。
  • さらに、そのアイコンをクリックすると、追記部分だけでなく、他の2つのサイトにも同時にリンクするように設定する方法も教えていただきたいです。
回答を見る
  • ベストアンサー

ブログの追記を表示されるリンクから複数のページを開く方法を教えてください!

fc2でブログを開いています。 記事を書き追記を設定すると、「続きを読む」や「Read More」などのリンクが記事の下に表示されクリックすることによって記事の続きが表示されますが、そこのリンク部分の文字を小さな画像(アイコン)のようなものに変えたいと思っています。 さらにそのアイコンには追記部分のみではなく他2つのサイトにも同時にリンクするようにするようにも設定したいです。(ブログのトップと自分の持っている別のサイトなど記事の内容に応じて) 自分にはHTMLに知識などはまったくなく、テンプレートのどの部分を部分を変えればいいのかもわかりませんし、JavaScriptなどが必要なのかもわかりません。ですので書き換える必要のある一部分の説明ではなく、どこのどの部分などと変更する場所を詳しく説明していただけたら幸いです。 それから追記のリンクはどのようにリンク先を指定してるのかもお教え願います。(リンク先のアドレスは記事によって異なるはずなのに、自動でリンクが表示されるのが不思議です) よろしくお願いします。

  • GaohK
  • お礼率20% (4/20)
  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • hiyokko7
  • ベストアンサー率52% (9/17)
回答No.1

["続きを読む"などの追記リンクを変更するには?] ---------------------------------- (1)「エントリー」(記事部分が作られている所)タグを探そう! <!--topentry-->~~~<!--/topentry--> ←このタグだよ この中に記事のタグが入っているんだ。 (2)エントリー内の「追記リンク」タグを探そう! <!--more_link-->~~~<!--/more_link--> ←これです。 この中に「続きを読む」や「Read More」などの文字が入ってるよ! 【サンプル】 <!--more_link--> <a href="<%topentry_link>">続きを読む?</a> #コレ! <!--/more_link--> 【説明】 サンプルの「続きを読む?」の部分を変更すれば、追記の部分が変更できるよ! それから追記の部分に画像(アイコン)を表示する方法は、 <!--more_link-->~~<!--/more_link-->この中に「画像を表示するタグ」を記述すれば、画像を表示できますよ! <img src=""> ←こんな感じのやつ 詳しくはHTML、またはCSSの解説サイトを参考にしてね! (CSSはちょっと難しいかも…) 【ここからは1問1答で…】 >他のサイトにも同時にリンクしたい。(ブログのトップと自分の持っている別のサイトなど記事の内容に応じて) A.同時にリンクできます。しかし、記事の内容に応じて変更は不可。   先程のmorelinkタグ内にタグを記述すればOK!   A~HREFタグを使ってね! >JavaScriptなどが必要なのかもわかりません。 A.いりません^^ >追記リンクのリンク先の指定 A.<%topentry_link> ←コレが勝手に指定してくれます。 最後に、FC2のカスタマイズしたい人必修の言語は… ・HTML (基本です) ・CSS (デザインを色々変更できます) この2つを習得すればもう大丈夫! 自由にFC2をカスタマイズできるよ!

GaohK
質問者

お礼

早々のご回答ありがとうございました。 今週パソコンを開ける機会が無かったもので、お礼ができなくてすいませんでした。 大変ご丁寧に説明してもらえたせいか、なにも問題なくブログを編集することができました!^^ありがとうございます。 これからもっといろいろなカスタマイズができるよう自分自身もHTMLなのど少しずつ勉強していきたいと思います。

関連するQ&A

  • FC2ブログ、追記リンクのテンプレート変更について。

    FC2ブログで、skin07というテンプレートを使用しております。 このテンプレートだと追記の「続きを読む」のリンクが記事本文に右寄せで表示されるのですが、これを記事内の左側に寄せて表示させたい場合、スタイルシートのどこを変えればよいでしょうか?

  • FC2ブログの追記展開方法

    hiyoko-menu950のテンプレートで記事の続きを表示を表示するとき そのページでそのまま追記を展開したくありません。 どうすればいいでしょうか?

  • Movable Typeでの詳細ページへのリンクの変更

    Movable Typeで、「ブログ記事」の本文と続きに分けて投稿すると、カテゴリーページには「本文」の部分が表示され、「続きはこちら」とというリンクが表示され、そこをクリックすると投稿記事の続きの部分から表示されます。 このとき、カテゴリーページの「続きはこちら」をクリックした時、その投稿記事のトップ部分から表示させたい場合、どこを変更すればよろしいのでしょうか? 私は、HTMLとCSSの知識はありますが、Movable typeは初めてです。テンプレートは「テンプレートキング」さんからいただきました。 上記の文以外に補足が必要であれば、なんなりと言ってください。 お手数ですが、誰か助けていただけると幸いです。

  • Seesaaブログのメール投稿で追記をする方法

    Seesaaのブログで記事を投稿するときにメールからすることが多いのですが メールから投稿した記事で追記として続きを読むをクリック後に追記の文章を 表示させることはできるでしょうか? やはりブログからの投稿でしか追記は使えないのでしょうか?

  • FC2ブログ 勝手に「続きを読む」が表示される

    質問失礼します。 FC2ブログを使っているのですが、追記に何も入力していないのにも関わらず「続きを読む」リンクが勝手に表示されてしまいます。 テンプレートを変えても改善されません。 他のアカウントで運営しているFC2ブログの方は、追記に何も入力されていなければ「続きを読む」リンクは表示されないのですが・・・。 どうすれば良いのでしょうか? よろしくお願い致します。

  • MT4で複数のブログ記事にそれぞれリンクをつけるには?

    MT4.2でブログを作っています。 1つのブログの「ブログ記事」テンプレートを2種類作って、AテンプレートとBテンプレートの内容を違うものにしました。 ところが、その記事へリンクさせる方法がわかりません。 Aのアーカイブマッピングは「aaa」としBのアーカイブマッピングは「bbb」として、EntryPermalinkにすると最初に作ったAテンプレート記事へリンクします。Bテンプレート記事へリンクさせるにはどうしたらいいのでしょうか? お知恵をお貸しください。

  • FC2ブログで追記を閉じるを押しても記事トップに

    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を編集して削除するのはどうなのかなと思ったのですが、どうなのでしょうか?削除したら違反とかになっちゃうのでしょうか? あとは記事タイトルの部分をもっと大きくしてヘッドバーの大きさに邪魔されないようにするって考えもあるのですが、その部分だけがでかくなったらなんかバランス的に変かなとも思ってしまいます。 アドバイスのほどよろしくお願いします。

  • FC2ブログ、追記の編集が出来ません

    追記の編集欄に文字を入力して 保存をクリックしても 「続き」等の言葉が表示されず 下に文章が出て来ます 尚、FC2ブログの解説にも この事は書かれてませんでした ただ、ここのURLを拝見したら http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1016239625 テンプレートの問題では?… との回答が、ありました 実は、私もテンプレートは変更してるんですが 現在は、自分の好きな画像を背景画像に設定してます しかし、上記URLを見ると タグの変更で直ったとも書いてあります そこで聞きたいんですが もしタグの変更で教えて頂ける方 タグの、どの部分を書けば分かるんでしょうか? 宜しく、御願いします

  • ブログサイト内にリンクを貼る方法

    ブログサイト内にリンクを貼る方法 ライブドアのブログを始めました。 超初心者なのですが、自分のブログの右か左端の方に、 友人のブログや、他のサイトにアクセスできるリンクを載せたいのですが どのように設定すればよいのでしょうか? ヘルプを見ても、ブログ記事中にリンクを貼る方法は書いているのですが、 ブログサイト内にリンクを貼る方法はわかりませんでした。 どうぞ宜しくお願いします。

  • 「続きを読む」の機能を使うにあたって。

    さくらのブログ(=Seesaaと仕様がほぼ同じとの事)を利用しています。 記事を投稿する時に「追記」という機能を使って、ブログTOPページの表示をコンパクトにしています。 以下は表示や動作テスト用に作成したブログです。 参考になればと思いリンクを張ります。 テスト用:http://panapana.sblo.jp/ 上記ブログの「続きを読む」をクリックすると「追記」の部分に書かれた記事が読めるようになるのですが、1度画面全体を再読み込みされて、しかも「追記」に書いた文章の文頭が画面に1番上に表示されるようになってしまいます。 (説明が下手ですみません・・・) ブログ巡りをしている時、とあるブログで同じように「追記」の機能を利用しているブログだったんですが、「続きを読む」のリンクをクリックしても表示されている画面は変わらずに「続きを読む」のリンクがあった場所から「追記」の部分の記事だけが下に表示される・・・というスムーズな表示方法になっていました。 その記事には『便利なスクリプトを拾ってきたwまじ便利w』とだけ書かれていたのを記憶しています。 (ブログのURLは失念してしまいました。検索ですぐ解決すると思っていたもので・・・) 私も色々と検索したりここのような質問掲示板を探してみたんですが、なかなか見つからずに困っています。 恐らく検索ワードが悪いんだと思いますが・・・ 説明も下手で申し訳ないのですが、私もそのブログのような表示方法にさせたいと思っています。 どうかお力をお貸しください、よろしくお願いします。