プルダウン式ListMe!

「blog*citron」さんの記事を参考に設置してみました。これなら一箇所にまとめることができて、じゃまになりません(*^▽^*) さらに増えても大丈夫♪いや~、こうしてあちこちのブログを見ていると参考になることばかりです。これ、かなり気に入っています(o^-^o)  以下、私用の覚え書きです♪表示の関係上途中で改行を入れていますが、<option>から</option>までの間は改行しないでください。また、不要なものは<option>から</option>までを削除してください。MTを使っている方は★ブログのURL★を<$MTBlogURL$>に★サイト名★を<$MTBlogName$>にすればOKです。

<!--ListMe_start-->
<form name="topic">
<select name="list" size="1" class="listme">

<option value="javascript:void(window.open('http://www.blogpeople.net/addlink.jsp?n=1&amp;u=' + escape('★ブログのURL★') + '&amp;ti='+escape('★サイト名★'),'blop','scrollbars=no,width=475,
height=350,left=75,top=175,status=yes,
resizable=yes'));">BlogPeople</option>

<option value="javascript:void(window.open('http://list.myblog.jp/shortcut/bookmarklet_
add_list?title='+escape('★サイト名★')+'&amp;url='+escape('★ブログのURL★'),'ListMe','scrollbars=no,width=430,
height=320,left=100,top=100,
status=yes,resizable=yes'))">MyBlogList
</option>

<option value="javascript:void(window.open('http://tags.blogpeople.net/tags_addlink.
jsp?u='+escape('★ブログのURL★')+'&amp;ti='+escape('★サイト名★'),'BlogPeopleTags','scrollbars=no,
width=480,height=320,left=100,top=100,
status=yes,resizable=yes'))">BlogPeopleTags
</option>

<option value="http://a.hatena.ne.jp/append?★ブログのURL★">はてなアンテナ</option>

<option value="http://r.hatena.ne.jp/add?mode=confirm&amp;url=★RSSのURL★">はてなRSS</option>

<option value="http://www.bloglines.com/sub/★ブログのURL★">Bloglines</option>

<option value="http://e.my.yahoo.co.jp/config/jp_
promo_content?.module=jp_rss&amp;.url=
★RSSのURL★">MyYahoo!RSS</option>

</select>
<input value=" ListMe! " type="button" onclick="location.href=list.options[list.selectedIndex].value" class="listme_sub" />
</form>
<!--ListMe_end-->

次にCSSです。こちらは・・・

/* ListMeメニュー */
select.listme {
font-size:9px; /* 文字サイズ */
color:#7070ff; /* 文字カラー */
background:#fff; /* 背景色 */
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","MS Pゴシック","sans-serif"; /* フォント指定 */
}
 
/* ListMe登録ボタン */
input.listme_sub {
font-size:9px; /* 文字サイズ */
color:#fff; /* 文字カラー */
background:#c0c0ff; /* 背景色 */
border:none; /* ボーダー設定 */
font-family:Verdana,Arial,sans-serif; /* フォント指定 */ }

「blog*citron」さん、どうもありがとうございました。

2005年7月 7日

ゆこりん : 16:25 | Blog