▲PAGE TOP

2014年4月1日火曜日

アクセスページを作成する

アクセス( 会社案内ほか )のページを作成します。


Googleマップにお店を登録する
  • http://www.google.com/local/add?hl=ja-jp&gl=us  を開く
  • 会社情報を入力して、完了する
  • 2週間以内にGoogleより、会社/お店の所有者の確認手紙が届く
  • 手紙の内容に従って、Googleプレイスの登録処理を終了する

MAPを作成する
  1. http://maps.google.com/ を開く
  2. 住所を入力し、検索する
  3. リンクマーク> 埋め込み地図のカスタマイズとプレビュー をクリックする
  4. サイズを指定して、HTMLをコピーする
  5. Bloggerのダッシュボードを開き、アクセスのページを新規作成する
  6. 投稿方法をHTMLモードにして、コピーしたHTMLをペーストする

【参考】英語表記にする場合は?
コピーしたHTML内のjpenに変更してペーストすると、日本語のマップが英語に切り替わります。
enをjpにすると日本語のマップになります。

<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=1013+Wellington+Street+West+Ottawa,+&amp;aq=&amp;sll=36.5626,136.362305&amp;sspn=・・・・・・・


会社名、住所、電話番号などを入力する
  1. 下のSAMPLE HTMLをコピーする
  2. 上で作成したアクセスページの投稿方法をHTMLモードのままにして、HTMLをペーストする
  3. 電話番号など、変更箇所を編集する
  4. アイコン(詳しくは下に記載)を変更する
  5. 保存して終了
///////////// SAMPLE HTML /////////////////////////////

<b>会社名 店舗名</b>
<br /><br />
〒と住所をここに入力する<br /><br />

<table cellpadding="5"><tbody><tr>
<td><img src="http://★★★★★/img/icon-tel-2020.png" /></td>
<td><span style="font-size: large;"><b>電話番号をここに入力する</b></span></td>
</tr></tbody></table>

<br />

<table cellpadding="5"><tbody><tr>
<td><img src="http://★★★★★/img/icon-hp-2020.png" /></td>
<td><b><a href="http://www.◆◆◆◆◆.com" target="_blank">http://www.◆◆◆◆◆.com </a></b></td>
</tr></tbody></table>
<br />

<table cellpadding="5"><tbody><tr>
<td><img src="http://★★★★★/img/icon-email-2020.png" /></td>
<td><b><a href="mailto:info@●●●●●.com">info@●●●●●.com</a></b></td>
</tr></tbody></table>

///////////////////////////////////////////////////////

【参考】 アイコンの色を適当に変更する ※下のアイコン画像を保存して使うこともできます。


 icon-tel-2020.psd





他にアイコンが必要の場合は?
photoshopのカスタムシェイプ shapes.csh をダウンロードしてphotshopで編集します。シェイプの一覧は下のとおり

【参考】カスタムシェイプの登録方法
マイコンピュータ>program file>adobe>photoshop >プリセット>カスタムシェイプのフォルダにダウンロードした.cshファイルを保存する




営業日カレンダーを作成する
  1. Googleカレンダを開く
  2. 以下のサイトを参考に営業日カレンダを作成する
  3. Bloggerのダッシュボードを開き、アクセスのページを新規作成する
  4. 投稿方法をHTMLモードにして、コピーしたHTMLをペーストする
  5. 更新をクリックして、終了です
【重要】 横幅は、なるべく540px以内にする






  • Googleカレンダーを活用した営業日カレンダー設定 - Live Commerce ...

    doc.live-commerce.com/.../...
    2010年8月18日 – Googleカレンダーにログインして営業日カレンダーとして表示させたいカレンダーを選択し、カレンダー設定をクリックします。 色やサイズなどをカスタマイズしますをクリックします。 赤枠部分のチェックをすべて外します。 月を選択します。
  • 営業日・店休日カレンダーを簡単に表示させたい【Google カレンダー】 - 日 ...

    www.miyazaki-cci.or.jp/nichinan/blog2/2009/10/google-8.html
    2009年10月22日 – Google カレンダーを利用すると、営業日や店休日などのカレンダーをHPやブログに簡単に表示させることができます。 ※利用に ... ログイン後、Googleカレンダーの利用方法を参考に、左下部の「作成」からカレンダーを作成できます。 Google ...





  • COMMENT 投稿した内容は「 掲示板 」に掲載されます。
    ペンネーム(必須)

    タイトル

    メールアドレス

    話題にするページ/ウェブサイトのURL
    メッセージ(必須)
    アップロードする画像
    パスワード(必須)