オートリンクネット設置つづき

忍者ブログでのオートリンクネット設置つづきです。

■イメージリンクタグ■ですが、登録手続きの際、あなたが選んだ画像のタグがあります。したのようなものがありますね？

<!--オートリンクネットSTART-->
<table border="0" cellpadding="0" cellspacing="0" width="88">
<tr>
<td rowspan="3"><a href="http://www.automatic-link.net/" target="_blank"><img name="autolink_m_r1_c1" src="autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="SEO対策、アクセスアップにオートリンクネット" style="margin:0px;"></a></td>
<td rowspan="3"><a href="http://www.automatic-link.net/regist.php?user=■■■" target="_blank"><img name="autolink_m_r1_c2" src="autolink_m_r1_c2.gif" width="55" height="31" border="0" alt="リンクが自動で増殖オートリンクの登録はこちら" style="margin:0px;"></a></td>
<td><img name="autolink_m_r1_c3" src="autolink_m_r1_c3.gif" width="18" height="18" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r2_c3" src="autolink_m_r2_c3.gif" width="18" height="6" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r3_c3" src="autolink_m_r3_c3.gif" width="18" height="7" border="0" alt="" style="margin:0px;"></td>
</tr>
</table>
<!--オートリンクネットEND-->

それではやり方です。

まず、ダウンロードした画像をアップロードします。

画像の名前”autolink_m_r1_c1.gif”　　→

画像の名前”autolink_m_r1_c2.gif”　　→

画像の名前”autolink_m_r1_c3.gif”　　→

画像の名前”autolink_m_r2_c3.gif”　　→

画像の名前”autolink_m_r3_c3.gif”　　→

次にアップした画像のＵＲＬを上記タグに組み込んでいきます。それと同時に、すべて< >ここに空白を作ってはだめ< >となっているところに空白がないようにつめます。（以下はサイトの表示上空白を入れてます）

表示に必要ないものはすべて省いてます。

<!--オートリンクネットSTART-->
<table border="0" cellpadding="0" cellspacing="0" width="88">
<tr>
<td rowspan="3"><a href="http://www.automatic-link.net/" target="_blank"><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c1.gif" border="0" alt="SEO対策、アクセスアップにオートリンクネット" style="margin:0px;"></a></td>
<td rowspan="3"><a href="http://www.automatic-link.net/regist.php?user=■■■" target="_blank"><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c2.gif" border="0" alt="リンクが自動で増殖オートリンクの登録はこちら" style="margin:0px;"></a></td>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c3.gif" border="0" style="margin:0px;"></td>
</tr>
<tr>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r2_c3.gif" border="0" style="margin:0px;"></td>
</tr>
<tr>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r3_c3.gif" border="0" style="margin:0px;"></td>
</tr>
</table>
<!--オートリンクネットEND-->

赤い部分はアップした画像のＵＲＬを入れます。

普通はこれでいけるんですが、忍者ブログの場合テンプレのスタイルシート指定が製作者ごとに違うし、製作者が同じでも毎回仕様が変わったりするので、めんどうなかたは～初心者編～をお勧めします。

画像が均等にバラける場合

border（ボーダー）指定がスタイルシートでされているので、以下の赤い部分を追加してください。

<!--オートリンクネットSTART-->
<table border="0" cellpadding="0" cellspacing="0" width="88">
<tr>
<td rowspan="3"><a href="http://www.automatic-link.net/" target="_blank"><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c1.gif" border="0" alt="SEO対策、アクセスアップにオートリンクネット" style="margin:0px;border:0px;"></a></td>
<td rowspan="3"><a href="http://www.automatic-link.net/regist.php?user=■■■" target="_blank"><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c2.gif" border="0" alt="リンクが自動で増殖オートリンクの登録はこちら" style="margin:0px;border:0px;"></a></td>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r1_c3.gif" border="0" style="margin:0px;border:0px;"></td>
</tr>
<tr>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r2_c3.gif" border="0" style="margin:0px;border:0px;"></td>
</tr>
<tr>
<td><img src=
"http://file.◆◆◆.blog.shinobi.jp/
autolink_m_r3_c3.gif" border="0" style="margin:0px;border:0px;"></td>
</tr>
</table>
<!--オートリンクネットEND-->

これでいけるはずです。

きくみの場合

私はねむさんのテンプレート【sora-kumo】をお借りしてます。【sora-kumo】のスタイルシート「全ブロックの共通設定」のところの

img{
margin: 5px 2px;
padding: 0px;
vertical-align: middle;
}

赤い部分を削除してます。
しかしこのままでは記事を書くとケータイの絵文字が変な位置になってしまうので「記事ブロック用デザイン」のところ

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 420px;
margin: 0px;
padding-top: 10px;
float: left;
text-align: left;
vertical-align: text_bottom;
}

赤い部分を入れるときれいに表示されます。

スタイルシートをある程度読めないと難しいと思います。わたしも全部理解しているのではなく、ある程度読める程度です。
チャレンジしたい方はご自分の責任において行ってくださいね。