ベーシックでもClipLinkをつけたい

ココログでもClipLinkをつけてるかたがいらっしゃるなと思ったら、プロじゃないとだめなんですね。
ベーシックでもつけたいなぁと悪戦苦闘中です。

今考えているのはcontentを使って、タイトルの後に表示させる方法です。

.content h3:after {
content: "<a href="javascript:url='<$MTEntryPermalink$>';title='<$MTEntryTitle$>';void(window.open('http://clip.myblog.jp/shortcut/add_clip?title='+escape(title)+'&url='+escape(url)+'&code=5ceab5e3a1f3ff9276fba4e86140d836','AddClip','scrollbars=no,width=430,height=320,left=100,top=100,status=yes,resizable=yes'))">Clip!!</a>";
}

でも、上手くいかないんですよねぇ...。
以下の例文でテストしているのですが、そもそもcontentがソースに反映されないのです。

.content h3:before { content: "■ "; }

「.」をつけてもつけなくても、ダメでした。
contentの使い方、間違ってるのかなぁ...。

【追記】
tsupoさまに「IEはダメでも、Operaはサポートしている」とのご指摘を頂きました。
（下部のコメント参照。）

そこで以下の記述を足して、「Opera限定ClipLink」を暫定公開します。

.content:after p.posted {
content: "| <a href="javascript:url='<$MTEntryPermalink$>';title='<$MTEntryTitle$>';void(window.open('http://clip.myblog.jp/shortcut/add_clip?title='+escape(title)+'&url='+escape(url)+'&code=5ceab5e3a1f3ff9276fba4e86140d836','AddClip','scrollbars=no,width=430,height=320,left=100,top=100,status=yes,resizable=yes'))">Clip!!</a>"
}

不具合などありましたら、ぜひご指摘をお願いいたします。

【追記】
ダメなようなので、記述を削除しました。