ブログサイドバーのプロフィールにバナー

2009年2月12日 2009年2月12日

尾関純子

自分のプロフィールを　上の方に　持ってきたら
自分のWebページへのリンクバナーをそこにほしいと思わない？
WebページのSEO対策にもなるしね。
まずバナーを　つくります。（ウェブアートーデザイナー、フォトショップエレメンツ、ペイントなど）
120×50だと　この大きさです。　ちょっと幅が小さいかも
私が使っているのは、180×60 （自分のサイドバーに合わせてお好きなサイズに）
作ったバナーを　.gif　　または　　.jpg　で　自分のPCのどこか（デスクトップ、ピクチャーなどわかるところに　.gif　が　おすすめ）保存して
JUGEM管理ページ　→　データ管理　→　画像の管理
画像をアップロードします。（サムネイルは作らない）

JUGEM管理ページ　→　デザイン　→　HTML・CSS編集
HTML編集フォーム
途中までは、一昨日の記事と同じなので　そちら参照


<dl>
<dt>profile</dt>
<dd>
{user_list}
</dd>
</dl>

この　部分の次に
＜a href＝"リンクしたいアドレス" target＝_top＞画像を呼び出すタグ</a>

を　貼り付けます。
画像を呼び出すタグは、

JUGEM管理ページ　→　データ管理　→　画像の管理
アップロードした画像の　画像を呼び出すタグ（四角の中）です。

私は、こうなります。

<a href="http://87sounin.jp/mail/index.html" target=_top><img src="http://hanasounin.img.jugem.jp/20081212_519986.gif" alt="お問い合わせはこちらから" width="180" height="60" border="0"class="pict" /></a>

くれぐれも　自己責任で　お願いします。（コピーとってからやってくださいね。）
WebページのSEO対策のためには、
ブログを書いたら　記事の最後に、Webページのリンクをお忘れなく　（おそうじパパさんに教わりました）