テスト | testのブログ

テスト

cssで


/* 記事の下にスペース */
#advertising2 {
margin-top:50px;
}


↑最後のこの部分を削除して

↓こっちを追加する これの見本は、この記事の下です



#advertising2 {
margin-top: 20px;
padding-top: 25px;
background:url(http://stat.ameba.jp/user_images/d4/9d/10045150906.gif ) no-repeat !important;
background-position :center top !important;
}


margin-top: 20px;
padding-top: 25px

これの数字を調整して自分の好みの位置にして下さい

・・・・↓下のも記事に貼り付けてからやらないとうまく調整にならないです




いま記事の最後に加えている


please push!!<img src="http://stat.ameba.jp/blog/ucs/img/char/char2/175.gif " alt="ダウン" /><br /><a href="http://blog.with2.net/link.php?568682 " target="_blank"><img src="http://stat001.ameba.jp/user_images/cc/e5/10039395668_s.gif " alt="" width="80" height="15" border="0" /></a><br /><br /><a href="http://illustration.blogmura.com/originalillust/ " target="_blank"><img src="http://illustration.blogmura.com/originalillust/img/originalillust80_15.gif " width="80" height="15" border="0" alt="にほんブログ村 イラストブログ オリジナルイラストへ" /></a><br /><br /><a href="http://blogfreak.jp/in/6219"><img src="http://blogfreak.jp/img/banner_80.gif " width="80" height="31" alt="人気ブログ検索 - ブログフリーク" border="0"></a><br /><br />


これを↓こっちに変更


<table border=0 width=500 align=center>
<tr>
<th align=center colspan=2>please push!!<img src="http://stat.ameba.jp/blog/ucs/img/char/char2/175.gif " alt="ダウン" /></th>
<th colspan=2><br></th>
</tr>
<tr align=center>
<td width="100"><a href="http://blog.with2.net/link.php?568682 " target="_blank"><img src="http://stat001.ameba.jp/user_images/cc/e5/10039395668_s.gif " alt="" width="80" height="15" border="0" /></a></td>
<td rowspan="2" width="100"><a href="http://blogfreak.jp/in/6219"><img src="http://blogfreak.jp/img/banner_80.gif " width="80" height="31" alt="人気ブログ検索 - ブログフリーク" border="0"></a></td>
<td rowspan="2" width="300"></td>
<td rowspan="2" width="100"><a href="#header" title="トップに戻る"><img src="http://stat.ameba.jp/user_images/c4/b7/10049006020.jpg " alt="トップに戻る" width="30" height="30" border="0" /></a></td>
</tr>
<tr align=center>
<td><a href="http://illustration.blogmura.com/originalillust/ " target="_blank"><img src="http://illustration.blogmura.com/originalillust/img/originalillust80_15.gif " width="80" height="15" border="0" alt="にほんブログ村 イラストブログ オリジナルイラストへ" /></a></td>
</tr>
</table>



↑注意

アメブロの仕組みでプレビューとかすると

上の赤字部分が下のように自動で書き換えられてしまいます

<td width="100" rowspan="2"><a title="トップに戻る" href="http://blog.ameba.jp/ucs/entry/#header"><img height="30" alt="トップに戻る" src="http://stat.ameba.jp/user_images/c4/b7/10049006020.jpg " width="30" border="0" /></a>



記事を書いてプレビューしてOKだったら

HTMLタグを表示で記事の最後にコピペして

そのまま全員に公開ボタンを押してください


一度書いた記事を修正する場合も記事の修正で開いた時点で書き換えられていますので

公開直前に赤字部分を削除するか、再度この部分全部を上書きで貼りなおすかしてください


公開してから↑クリックでページの上に飛ぶことを確認

書き換えられているとエラーになるから記事の修正でこの部分をやり直しです



※ titleとか alt 、width 、height とかの順番も換えられますが、記入の順番は関係ありませんので気にしなくてもいいです


※ ということでこの部分は アメブロの下書きに保存しておくと間違うので、

テキストエディター(WINだったらメモ帳)とかに貼り付けて保存しておいてそこからコピペしてください