アメブロ改造 - 自分用メモ -15ページ目

<< 前のページへ最新 | 13 | 14 | 15 | 16 | 17 | 最初次のページへ >>

左右のサイドバーにアフィリエイト

左右にアフィリエイト貼っている方を

あまり見かけなかったので

僕なりのやり方をメモ書き

僕の場合、フリースペースをメニューボタンに使っているので

メニュー左下の位置に隙間を空けて

CSSのpositionで移動しちゃうのが手っ取り早かったので

前に書いた記事のフリースペースのナビの下に

<div id="topmenu"><ul><li id="menu01"><a href="http://ameblo.jp/ID" title="トップページへ">トップ</a></li>
<li id="menu02"><a href="http://now.ameba.jp/ID" title="なう">なう</a></li>
<li id="menu03"><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=ID" title="ペタ">ペタ</a></li>
<li id="menu04"><a href="http://blog.ameba.jp/reader.do?bnm=ID" title="読者登録">読者登録</a></li>
<li id="menu05"><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=ID" title="メッセージ">メッセージ</a></li></ul></div>
<h4 class="menu_title">スポンサードリンク</h4>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><

（赤文字）みたいなヤッツケ仕事ｗ

本当はCSSでスペース空けてとか、上品なやりかたあるんでしょうけど

時間節約って事でこんな感じにしちゃいました。

<br />の数は環境に合わせて増減しました。

で、CSSですがアメブロには使われてないだろうってセレクタ名で

#yapoo {
clear:both;
position:absolute;/*これで強制的に位置を決めますよって命令*/　
width:160px;/*僕の環境での左サイドバーの幅*/
height:321px;/*貼り付けるアフィリとかの高さ*/
top:250px;/*ブログの一番上からアフィリまでの高さ*/
margin-left:-630px;/*右に付くはずだった物を左にマイナスを使って移動*/
*margin-left:-790px;/*ＩＥ用（ズレが出たので）*/
float:left;
z-index: 300;/*おまじないに近いかな？100位でいいかも*/
}

ってのをCSSの一番下に書き足して

フリープラグインに

<div id="yapoo">アフィリエイトのスクリプト</div>

を書き込んだら完了！

ってだけじゃ説明不足かもですが

やってみたいな！って方は

本来右に表示されるものを左に振り分けている

をヒントに

僕の環境を参考にしてみて下さい。

あと、『そりゃやり方が美しくないよ！』って言う詳しい方は

そっとメッセージ下さい。

そっと修正しますので。。。