Hatena::Groupceptclub-edit

サイドバーをつけよう

トップ ユーザー登録 ログイン ヘルプ

サイドバーをつけよう

メリット

日記本文の他に、カレンダーや投稿記事リスト、DSセプト部の新着チェックなどを出しておける。ともだちコードも飾っておきたい。

必要なもの

メモ帳
テキストエディタ類。文章をコピーペーストできるもの。MSワードはお勧めしない

作業:サイドバー設置

  1. 自分の日記へ行く
  2. ブラウザーに新しいウィンドウを1つ作成し、自分の日記をもう1つ表示しておく
  3. 日記の設定画面へ行く
  4. 詳細設定を見る
  5. 「ページのヘッダ(HTMLタグ利用可)」欄に【テキスト1】を貼り付ける
  6. 「ページのフッタ(HTMLタグ利用可)」欄にテキスト2を貼り付ける
  7. 設定画面の下の方、「この内容に変更する」ボタンを押す(以降、設定!と呼ぶ)
  8. 2番で表示した「自分の日記」が出ているウィンドウで「再読込み(F5キー)」を行う。以降、「この内容に変更する」ボタンを押したら、「自分の日記」のウィンドウで「再読込み」をすればすぐ確認できる。
  9. 表示できていたら、「ページのフッタ(HTMLタグ利用可)」欄の内容を全コピーし、メモ帳に貼り付け、「サイドバー編集用原本.html」などと名前をつけて保存しておく(破損したときなどに使う)
  10. ↑と同じ内容でもう1つ、「サイドバー編集用.html」などを保存し、以降、メモ帳で編集してから、→「ページのフッタ(HTMLタグ利用可)」欄に貼り付け→設定!→別ウィンドウ「再読込み」にて確認していく。

【テキスト1】

<div class="main">

【テキスト2】

</div>


<div class="sidebar">
<!-- サイドバー中味ここから -->

<!-- カレンダ2 -->
<hatena name="calendar2" template="hatena-module">
<!-- カレンダ2 -->
<!-- カテゴリ -->
<hatena name="sectioncategory" template="hatena-module">
<!-- カテゴリ -->
<!-- 最新タイトル -->
<hatena name="section" template="hatena-module" titlelength="18" showcategory="false">
<!-- 最新タイトル -->


<!-- メモパーツ -->
<div class="hatena-module">
 <div class="hatena-moduletitle">

カルドセプトDS
ともだちコード

 </div>
 <div class="hatena-modulebody">

0000-0000-0000

 </div>
</div>
<!-- メモパーツ -->

<!-- サイドバー中味ここまで -->
</div>