スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.バナー画像を使ってリンク集などをつけたいんだけど…[共]

A.
新規サイドバーと追加することによりできます。
以下、変更方法


1.
新規サイドバーの追加方法はサイドバー機能を追加してバナーなど置きたいんだけど…(NORMAL)[共]で説明しているとおりですが、7.をもう少しわかりやすく説明します。

2.
HTMLという入力エリア(文字などを入れるスペース)には…
<div class="side" style="margin-bottom:10px;">
<div class="side_title">新サイドバーのタイトル(リンク、ランクリ、同盟、お世話になったサイトなど)</div>
<div class="side_text">
★説明が必要であればここに文字を入れる★

<a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a><a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a><a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a>
★説明が必要であればここに文字を入れる★
</div>
</div>

このように入れます。
★ 文字 ★ は入れる文字がない時は、★の行ごと削除してください。

バナー画像が増えれば
<a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a>
を追加します。

3.
2.だと、バナーとバナーの間にスペースがなくピッタリくっついたように表示されます。
ほんの少しだけスペースを入れたい場合は
<div class="side" style="margin-bottom:10px;">
<div class="side_title">新サイドバーのタイトル(リンク、ランクリ、同盟、お世話になったサイトなど)</div>
<div class="side_text">
★説明が必要であればここに文字を入れる★

<a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a>
<a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a>
<a href="リンク先のURL(素材サイト様のアドレス)" target="_blank"><img src="バナー画像URL" alt="素材サイト様名" border="0"></a>

★説明が必要であればここに文字を入れる★
</div>
</div>

このようにします。

<img src="バナー画像URL" alt="素材サイト様名" border="0"> これ1個でバナーを表示するのでバナーごとに改行します。
そうするとバナーとバナーの間に少しだけ隙間ができます。
スポンサーサイト
[ 04/06 ] [サイドバー]共通 | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。