トップバナーに画像を挿入する。

Meisters Incのトップバナーに画像を挿入できるようになりました。
活用いただけたらうれしいです。
実機がないので動作確認できていませんが、iPhoneにも対応したつもりです(笑)

●トップバナー用テンプレート(PSD)
template_mi_top_20110114.psd
DLしてご使用ください。

 詳しい使い方は↓↓↓

【01】準備するもの。
●トップバナーに挿入する画像
トップバナー用テンプレート(Photoshopファイル)
●リンク先URL

【02】バナー用jpgファイルの書き出し。
バナーサイズは 幅924px x 高さ360px です。
「トップバナー用テンプレート」を使うと便利。
(1) Photoshopなどでトップバナー用テンプレートを開く。
(2) 画像をイイ感じの位置に挿入。
(3) 文字「マイスターXXX」を適宜書き換え。
(4) レイヤー「ロゴ位置など確認用」を非表示にする。
(5) jpgで書き出す。

【03】Meisters Incダッシュボードにログイン。
(1) 画面右上の紙と鉛筆のアイコンをクリックしユーザー名とパスワードを入力。ダッシュボードにログイン

【04】アイテムのアップロードとURLの保存
(1) ダッシュボードから「共通ブログ」をクリック。
(2) [アイテム] > [新規]を選びファイルをアップロード。
(3) ファイルがアップロードされるとアイテムの管理画面になるので
   (2)でアップロードしたアイテムをクリック。
(4) [アイテムの埋め込み]欄に表示されているURLを控えておく。

【05】新規ブログ記事の作成
(1) 新規にブログ記事を作成する。
(2) [フォーマット]を「なし」にする。(★重要)
(3) 「本文」に以下コードを挿入。(★重要)
<a href="http://www.meisters-inc.net/"><img src="http://www.meisters-inc.net/blog/uploads/2010/12/20101130_topimage.jpg" /></a>
(4) コードを適宜変更
   最初のURL(a href=)は画像クリック時のリンク先。後のURL(src=)はバナー画像のURL。
(5) カテゴリに「トップバナー」を選択。(★重要)
(6) コメントとトラックバックのチェックボックスをOFF。
(7) [公開]ボタンをクリックし、記事を公開する。
⇒トップバナーに画像が挿入される。

 

トラックバック(0)

トラックバックURL: http://www.meisters-inc.net/mt/mt-tb.cgi/60

コメント(2)

なるほど(`・ω・´)
エ○画像を仕込むときに使えばいいのですね。

ふむ(`・ω・´)
ロゴを使っていかにキワドく仕上げられるかが勝負ですね。

コメントする

最近のコメント

Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。