デコもじではてなブログをユルくする

デコもじをはてなブログに使うとなかなかユルくておもろい。

今はまだ記事ごとに同じjavascriptを仕込む必要があったり

(そのうちいい感じになってくれるはず)

【追記：2012/01/18に機能追加されて、記事ごとにJavascriptを仕込む必要がなくなりました】

デコもじがOpera非対応だったりとクセがあるけども

「トライアルプラン」ならば無料で利用できるし

鋭意開発中のはてなブログを楽しむにはもってこいのアイテムだと思うので

設定の仕方などをまとめてみました。

ユルいめの文字でつらつらとお送りします。

会員登録とサイト(ブログ)登録

デコもじのトップページで「無料トライアル」をクリック。
会員登録に「はてなID」を使えます。ありがたいですね！はてなIDを入力。

※はてなID以外でもデコもじを利用できます。お好みのものを選びましょう。
メールアドレス/名前・フリガナ/生年月日/性別/職業を入力。
あっという間に登録が完了。「webサイトを追加する」をクリック。
サイト名にブログタイトルを、URLにはてなブログで取得したURL(http://×××.hatenablog.com/など)を入力して「登録する」をクリック。
設置用のjavascriptが発行されるので控えておきましょう。

※ここで控えなくても、デコもじのヘッダーにある「サイト情報」からいつでも参照することができます。

続いてブログに使うフォントを選びます。

「編集」をクリック。
「フォントを追加してください」をクリック。
『トライアルプラン』で利用できる「お試しフォント」をクリック。
使いたいフォントを選んで「利用する」をクリック。
フォントの追加が完了しました！

選んだフォントが使えるように設定をします。

「すぐに編集を行う」をクリック。
ブログ全体にフォントを適用させたいので、ページ右側にある「上級者向けセレクタで表示設定する」のフォームに「body」と入力して「＋」ボタンをクリック。

これでデコもじサイト側での設定は終了です。

追記：記事ごとに同じを仕込む必要がない方法を紹介しました→「もっとラクにデコもじでユルくする」

普通に記事を書いたら「HTML編集」をクリック
１番最初の行に『会員登録とサイト(ブログ)登録 - 6』で控えたjavascriptをペースとして「公開する」をクリック。

これで仕込み完了です！簡単ですね。

「ブログ全体じゃなくて、部分的にデコもじを使いたい！」

って方は、『使うフォントを選ぶと表示設定 - 6』で「body」ではなく下記のidやclass(#blog-title-innerなど)を設定してみましょう！

#blog-title-inner
ブログ名

#blog-description
ブログの説明

#blog-title
ブログ名＋ブログ説明

.date
日付

.entry-header
タイトル

.entry-content
本文

.comment-content
コメント文

.entry-inner
日付＋タイトル＋本文＋コメント部分

以上です。

body に設定すると「読み込み中」もユルくなって和みます。 f:id:kyabana:20111120144300p:image