メールフォームができたので、このブログに メールフォームへのリンクをはりました。
ウェブアートデザイナーを使って 180×60のバナーを作り
(このうさぎさんウェブアートデザイナーのアニメーション素材にあったんだけど あんまりかわいくて動かなくてもいいので使いました)
JUGEM管理ページの
「データ管理」 → 「画像の管理」 サムネイルを作成しないで 作った画像をアップロード
「画像の管理」の「画像の説明 / 画像を呼び出すタグ」をクリックするとタグの文字が反転するので右クリックでコピー
「デザイン」 → 「フリースペース」 筆のマークの「編集」
「タイトル」は、お問い合わせ と でもいれて
内容に
リンクタグ と (日曜塾塾生の方は、森先生に教えていただいたように 単語登録「りんく」に「
<a href="http://アドレス書" target=_top>説明を書く</a>」が入っているから 簡単ですよね)
さっきコピーした
画像を呼びたすタグを
説明を書くのところに貼り付けます。
こんな感じ
<a href="http://87sounin.jp/mail/index.html" target=_top> <img src="https://img-cdn.jg.jugem.jp/6f5/957505/20081212_519986.gif" alt="お問い合わせは こちらから" width="180" height="60" class="pict" /></a>
「公開」にして「編集内容を保存」
でも この方法だと、サイドバーの下の方になってしまうので
別のやり方は、
「デザイン」 → 「HTML・CSS編集」の HTMLを編集します。
ブログテンプレートのHTMLをなぶる前には必ずメモ帳などにコピーして保存してね。
万が一の時の保険です。
私の場合は、
カレンダーの部分の下に
プロフィールの部分を下の方から切り取って貼って
<!-- BEGIN calendar -->
<div class="linktitle">CALENDAR</div>
<div class="calendar">
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="weekday">S</td>
<td class="weekday">M</td>
<td class="weekday">T</td>
<td class="weekday">W</td>
<td class="weekday">T</td>
<td class="weekday">F</td>
<td class="weekday">S</td>
</tr>
</table>
{calendar}</div>
<!-- END calendar -->
<!-- BEGIN profile -->
<div class="linktitle">PROFILE</div>
<div class="linktext">{user_list}</div>
<!-- END profile -->
<a href="http://87sounin.jp/mail/index.html" target=_top> <img src="https://img-cdn.jg.jugem.jp/6f5/957505/20081212_519986.gif" alt="お問い合わせは こちらから" width="180" height="60" class="pict" /></a>
プロフィールの下のところに 先ほどのタグを貼り付けます。
自己責任で 編集してくださいね。
よろしくお願いします