カルドセプトやりますって

2008-10-21

[]サイドバーをつけよう(準備) 10:18

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

[]作業1:サイドバー設置 10:30

  1. 自分の日記へ行く
    日記を書く
  2. ブラウザーに新しいウィンドウを1つ作成し、自分の日記をもう1つ表示しておく(プレビュー用)
  3. 日記の設定画面へ行く
    設定
  4. 詳細設定を見る
    詳細設定
  5. 「ページのヘッダ(HTMLタグ利用可)」欄に下記テキストを貼り付ける
    <div class="main">
  6. 「ページのフッタ(HTMLタグ利用可)」欄に下記テキストを貼り付ける
    </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<br>ともだちコード

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

    0000-0000-0000

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

    <!-- サイドバー中味ここまで -->
    </div>
  7. 設定画面の下の方、「この内容に変更する」ボタンを押す(以降、設定!と呼ぶ)
    この内容に変更する
  8. 2番で表示した「自分の日記」が出ているウィンドウで「再読込み(F5キー)」を行う。
    以降、「この内容に変更する」ボタンを押したら、「自分の日記」のウィンドウで「再読込み」をすればすぐ確認できる。
  9. 表示できていたら、「ページのフッタ(HTMLタグ利用可)」欄の内容を全コピーし、
    メモ帳に貼り付け、
    「サイドバー編集用原本.html」などと名前をつけて保存しておく(破損したときなどに…)
  10. ↑と同じ内容でもう1つ、「サイドバー編集用.html」などを保存し、
    以降、メモ帳で編集してから、
    →「ページのフッタ(HTMLタグ利用可)」欄に貼り付け
    →設定!
    →別ウィンドウ「再読込み」にて確認していく。


[]作業2:テーマを選ぶ 10:30

  1. ブラウザーに新しいウィンドウをもう1つ作成し、
    「かんたんデザイン」テーマ一覧※を表示(デザイン選びに使う)(※はてなダイアリー用)
  2. 1番で表示した「かんたんデザイン」テーマ一覧のうち、
    右(左)側にメニューがあって、趣味に合うものを探し、名前を控える
  3. 「テーマ」の選択欄を見て、同じ名前があるか確認。あれば選ぶ、なければ↑に戻る。
    テーマ
  4. 設定!→別ウィンドウ「再読込み」
  5. 雰囲気を確認。嫌ならまた選びなおす
  6. どのデザインを使うかだいたい固まったら、「ヘッダーの色」「ヘッダタイプ」も選んで設定!
    「ヘッダーの色」「ヘッダタイプ」


[]作業3:カスタマイズ基本 10:30

  1. 作業1の10で作成した、「サイドバー編集用.html」を開く。
  2. <!-- メモパーツ -->から<!-- メモパーツ -->までをまるまるコピーし、配置したい場所に貼り付ける。
    注意!<!-- (言葉) -->から<!-- (言葉) -->が1セットなので、入り組まないようにペーストする。
    <!-- メモパーツ -->
    <div class="hatena-module">
    <div class="hatena-moduletitle">

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

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

    0000-0000-0000

    </div>
    </div>
    <!-- メモパーツ -->
  3. カルドセプトDS<br>ともだちコード」の部分にパーツの題名を入れる。
  4. 「0000-0000-0000」の部分にパーツの中味を入れる。
    改行したい時は、 <br> を入れる。
  5. ファイルを保存したら、
    →全コピーし、
    →日記の設定画面の「ページのフッタ(HTMLタグ利用可)」欄へ貼り付け
    →設定!
    →別ウィンドウ「再読込み」にて確認。

victavicta2008/10/21 23:46プロフィール作成の参考にさせて頂きました。
長い文章を書いていると、普通の改行では認識してくれないようなので・・・
画像付きで、とてもわかりやすかったです。
お世話になりました~

AmayadoriAmayadori2008/10/23 02:28自分も参考にさせていただきました
サイドバーの書き方がわからず困っていたのでとても助かりましたー
ありがとうございます!

kingkong-brodykingkong-brody2008/10/23 20:32私も参考にさせていただきました。
ブログの書き方全然知らなかったけど、とてもわかりやすくて助かりました。
ありがとうございます。

GuvavaGuvava2008/10/25 19:00参考にさせてもらいました。分かりやすくて助かりました、どうもありがとうございました。

ShunTheWandererShunTheWanderer2008/10/29 18:05先日は対戦楽しかったです♪
いやあ、バルダンダースで凄いものを見させて頂きましたw
サイドバーの解説もとっても分かり易く、参考にさせて頂きました。
お陰さまでブログらしくなりましたm(-_-)m