ショップハンター

ショップハンター

足あと帳へのリンクの張り方

 ここでは、特定の記事を足あと帳として保存し、その日記へのリンクを自由欄に張る方法について説明します。
 この手順に取り掛かる前に、こちらの記事をよくご覧になり、事前にゲストブック(足あと帳)用の記事を作成しておいてください。
website statistics
  1. 楽天ブログのメニューより、「日記」リンクをクリックします。

    日記リンク
  2. 公開済みの記事が一覧になって表示されますので、その中から、ゲストブック(足あと帳)用の記事を見つけ、そのリンクをクリックします。

    ゲストブックのリンクをクリック
  3. すると、そのゲストブック(足あと帳)だけが表示されますので、Web ブラウザの URL (ページの位置を示すリンク)を、マウスの左ボタンを押下した状態でゆっくりと右方向に反転させます。

    ゲストブックのリンクをコピー

     この状態で、マウスの右ボタンをクリックすると、操作のサブメニューが表示されますので、メニュー項目より「コピー」をクリックすると、このリンクがコピーされますので、メモ帳などのアプリケーションに貼り付けておきます(マウスの右クリックで表示される「貼り付け」メニュー項目)。
  4. 楽天ブログの管理画面に入り、「ブログパーツ」リンクをクリックします。

    ブログパーツリンクをクリック
  5. ブログパーツの構成ページに移りますので、ここで「自由欄」または「サイド自由欄」がページに構成されるように設定して保存します。

    ブログパーツに自由欄を表示

     ここでは、「自由欄」を表示する前提で説明していきますが、「サイド自由欄」にリンクを張りたい方は「自由欄」を「サイド自由欄」と読み替えてください。
  6. 再び管理画面に戻り、「自由欄」リンクをクリックします。

    自由欄クリック
  7. 「自由欄」編集ページに移りますので、以下のように入力します。

    自由欄編集

    入力例:
    a) テキストリンクにする場合
     上図を参考に、以下のようにテキストを入力します。青色で示された部分が、手順 3. でコピーしておいたリンクをコピーして貼り付ける部分です。

    <a href="手順 3 でコピーしておいたゲストブック(足あと帳)記事へのリンクをここにコピー">ゲストブック(足あと帳)<a/>

    b) 画像リンクにする場合
     ここでは事前に画像やアイコンなどをアップロードされていることを前提に話を進めます。
     以下のようにテキストを入力します。青色で示された部分が、手順 3. でコピーしておいたリンクをコピーして貼り付ける部分です。また、赤色で示された部分は、事前にアップロードしておいた画像へのリンクを貼り付けることを意味します。

    <a href="手順 3 でコピーしておいたゲストブック(足あと帳)記事へのリンクをここにコピー"><img src="事前にアップロードしておいた画像へのリンクをここにコピー" border="0"><a/>

     入力が終わったら「自由欄」を保存します。
  8.  ブログの表示確認をします。以下のようにゲストブック(足あと帳)へのリンクがページに表示されており、そのリンクをクリックすると、ゲストブック(足あと帳)ページに移るようになっていれば成功です。

    ゲストブックリンク完成


© Rakuten Group, Inc.