livedoor Blogで、バナーをサイドバーに貼り付ける方法をまとめてみます。

例として貼りつけるバナーは、livedoor Blog御製のバナーとします。そのタグ文字列は以下の通りです。

現時点で私が思いつくのは、以下の3つの方法です。

「メモスペース」の中に貼り付ける方法

管理画面の「プラグインの追加」→「メモスペース」から入って、テキストボックス内に上のタグ文字列を記入するだけです。

このBlogで云うと、トップページ右サイドバーの「ひよこぴーぷる」の黄色いバナーはそのようにして貼り付けています。

ただ、上の方法だとコラム内にバナーを貼ることになるので、さりげなくバナーだけを貼り付けた感じではなくなります。そこで、『古典的』ですが下記の方法もあります。

JavaScriptを介して貼り付ける方法

テキストエディタで、下記のような一行だけのJavaScriptコードを書きます。'xxxxx'には、上のタグ文字列をそのまま入れます。

document.write('xxxxx');

あとあと余計な混乱を防ぐため、このファイルの拡張子は"js"にして保存します。名前は何でもいいので"yyyy"とでもします。

このようにして保存した"yyyy.js"をアップロードし、アップロード後のURLを覚えておいて、管理画面の「プラグインの追加」→「JavaScript」でそのURLを設定します。

このBlogで云うと、トップページ左サイドバーの「Tips of Blog」のバナーはそのようにして貼り付けています。

リンクのメンテナンスが面倒なので、2003/3/16現在、このようにして貼りつけたバナーは、このBlog内にはありません。

上の方法は、まだ「メモスペース」プラグインが提供されていなかったころの手法です。『古典的』な手法なので私は熟練してますが(笑)、面倒かもしれません。そこで両者の折衷案として下記の方法があります。

「メモスペース」の下、欄外に貼り付ける方法

メモスペースの中に記入するタグ文字列を下記のようにします。

もとのタグ文字列の最後尾にあった"</div>"を先頭に持ってきます。こうすることによって、この"</div>"以降のバナー画像はコラムの外に追いやられます。

このBlogで云うと、トップページ右サイドバーに縦に3つ並んだバナーはそのようにして貼り付けています。

この方法では任意の場所に貼り付けられるわけではなく、その直前にあるコラムが「メモスペース」でないといけないという制限があります。