なかのひと（位置情報アクセス解析）を設置する

まず最初に「なかのひと」のサイトへジャンプします。
http://nakanohito.jp/

ユーザー登録してログイン

解析用タグを取得します。

サイズは大小様々

今回は４８×４８を使います。

ｊａｖａｓｃｒｉｐｔ非対応の「みんカラ」では簡易版のタグを使用します。

赤く囲った部分をブログの本文中に貼り付ければ簡単に使えます。

スタイルシートで貼り付ける場合は緑の下線部分のみを使います。

スタイルシートの編集画面を開いて
#Foundation　を探します。







ここに↓の通り書き加えて、４でコピーした部分を緑の下線部に貼り付けます。

/* 画像の高さ＋48pxの空白を上部に追加 */
padding: 48px 0px 0px 0px;

/* なかのひとのURL */
background-image:
url("http://nakanohito.jp/an/?u=********=********=48");

/* ページの右上から4pxの位置に配置する */
background-position: right 4px;

/* 繰り返し表示しない */
background-repeat: no-repeat;

プレビューでヘッダーの右上に地図が表示されていたら成功。

保存して完了です。



※設定が完了したら自分のページ内に「なかのひと」へのリンクを登録しておきましょう。

ヘッダーの右上にカウンターを設置してる場合は
別の場所に設置しましょう。








カレンダーの中に設置する方法です。

ここでは１８０×１８０のサイズを使います。

/*カレンダー：*/
.CalendarPlate
{ /* 画像の高さ＋35pxの空白を上部に追加 */
padding: 35px 0px 0px 0px;

/* なかのひとのURL */
background-image:
url("http://nakanohito.jp/an/?u=********=********=180");

/* ページの右上から0pxの位置に配置する */
background-position: right 0px;

/* 繰り返し表示しない */
background-repeat: no-repeat;

カレンダーの背景に地図が表示されていたら成功。

保存して完了です。







※設定が完了したら自分のページ内に「なかのひと」へのリンクを登録しておきましょう。