MARS SUBMARINE:IT：web design

IT：web design

2014年11月24日

BLOGGERにてカスタムドメインを使う方法　〜GROOVESTER NEWS 始動!!!

今年はGROOVESTERを立ち上げて、
『メテ乙女』OFFICIAL WEBSITEをPRODUCEした後、
GROOVESTER母艦にてタレント紹介等を着々と進め、
効果が出始めた。

しかし！
2014年の取り組みはこれだけでは終わらない。
この年末にNEWS SITEも立ち上げる。

GROOVESTER NEWS 始動!!!

私が書いているコノBLOGは、
私の個人的なメモ的意味合いが強く、
何かNEWSとして発信していく際には、
NEWS専門SITEが必要であることを前々から感じていて、
この年末に、と予定していたのだ。

裏側を動かすツールは、
WORDPRESSとかLIVEDOORとか、
いろいろと検討したのだが、
最終的にGOOGLE運営のBLOGGERを使うことに。

ちょうど先程、
以前に先行して立ち上げておいたBLOGGERにて、
ADSENSE承認もいただけたので、
このタイミングでSTARTさせよう！、
と思い立った次第。

ということで、
まずは、BLOGGERのDOMAINを、
私のORIGINAL DOMAIN（NEWS.GROOVESTER.NET）に、
カスタム設定する必要がある。

設定方法は、
まず、ORIGINAL DOMAIN管理画面にて、
SUB DOMAINを作成後、
BLOGGER側にて設定を。

設定＞基本＞ブログのアドレス、
と進み、

↑このような画面が出るので、
「サードパーティドメインの設定」に、
先程作っておいたSUB DOMAINを入れて、
「保存」をCLICKすると、、
エラーメッセージとともに、「CNAME」が２つ表示されるので、
その「CNAME」をDOMAIN管理画面上のDNS設定にて作成。
２つ分作る必要がある点がミソ。

↑こんな感じで。

１時間程で有効になるので、
あらためてBLOGGER側で保存。

その後、表側のURLにも反映される。
反映されたら、いよいよ本格始動だ!!!

GROOVESTER NEWS ＞＞ http://news.groovester.net/

鈴木渓人@keito_info
@shun699 ユニットのページも含めありがとうございます！！
2014/11/24 22:15:40

鈴木渓人@keito_info
@shun699 ありがとうございます！その際はよろしくお願いいたします(^^)
2014/11/24 22:22:20

タグ：: BLOGGERにてカスタムドメインを使う方法

shun699 at 00:59｜Permalink│

2014年11月16日

Google mapをレスポンシブ対応でWEBサイトに埋め込む方法

前記事で書いたように、
新人監督映画祭での上映が決まった『メテ乙女』、
特設サイトにGoogle mapを埋め込んでみた、now!!!

やはり、
閲覧者にとって、
会場の場所の詳細が最も気になるPOINTの１つだと思うので、
住所だけ掲載しておくよりも、地図も掲載しておけば、
視覚的に一発で分かり、
当日もサイト見ながら行きやすいかと。

レスポンシブ設定で埋め込んだので、
↑冒頭のPHOTOのように、
PC、スマホ、それぞれの画面で最適化されて表示できている。

参考までに「Google mapをレスポンシブ対応でWEBサイトに埋め込む方法」
を下記に掲載しておく。

まず、
Google mapにて目的地の住所を入力し、

↑画面右下の設定ボタン（ネジみたいなマーク）をClickし、
POP UP表示された画面にて、
「地図を埋め込む」タブをClickすると、、
iFrameのCodeが表示されるので、
Copy！

で、
WEBサイトのHTML CodeにPaste.

その際、
このiFrame codeに「Div」指定しておく。
私の場合は、
<div class="ggmap">●●●</div>
で囲んだ。

続いて、
CSS設定。