« WidgetもPHPモジュール化 | Kazuの挑戦日記TOP | TagClickでタグクラウド風なタグ検索パネル »

プルダウン式「ListMe!」の導入

ちょっと最近いろいろ導入したシリーズ第2弾!
これもかなり今更的なものですが、ようやく入れてみた。

↓こんなやつ

こういうのってやっぱりあったほうがいいと思う。
お互いにリンクしやすくなるし、サイトを日常的に見てもらえるようになるわけだし。
ちょっとここいいブログでない?って思ったときに、これ(とあと前のエントリのRSSリーダへの一発登録ボタンとかかな。。)があるかないかで単なる通りすがりで終わるかリピーターになってくれるかどうか多少は運命を分けるかも??
まあ、本当にいいサイトなら幾通りもの方法でまたすぐたどり着けるんだけどね。。

さあて、今更な導入方法ですが、、
下のソースをコピーして自分のテンプレートに貼っつけて自分のURLなどに書き換えるだけでした。。

※参考:blog*citron | プルダウン式ListMe!ver1.2
Project MultiBurst:プルダウン式「ListMe!」の導入

MTテンプレートの編集

※MovableTypeでなくてもテンプレートの編集画面があるブログなら基本的にJavascriptなので導入可能!
<!--ListMe_start-->
<form action="./" name="topic" id="topic">
<select name="list" size="1" class="listme">
<option value="javascript:void(window.open('http://www.blogpeople.net/addlink.jsp?n=1&u=' + escape('★ブログのURL★') + '&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://tags.blogpeople.net/tags_addlink.jsp?u='+escape('★ブログのURL★')+'&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/append/★RSSのURL★">はてなRSS</option>
<option value="javascript:void(window.location='http://b.hatena.ne.jp/add?mode=confirm&title='+escape('★サイト名★')+'&url='+escape('★ブログのURL★'));">はてなブックマーク</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&.url=★RSSのURL★">MyYahoo!RSS</option>
<option value="javascript:void((function(){var w=window.open('http://rss.drecom.jp/shortcut/add_rss?url='+encodeURIComponent(location.href),'add_rss','scrollbars=yes,width=450,height=500,left=100,top=100,status=yes,resizable=yes');w.focus();})());">DrecomRSS</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:10px; /* 文字サイズ */
color:#666666; /* 文字カラー */
background:#fff; /* 背景色 */
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","MS Pゴシック","sans-serif"; /* フォント指定 */
}
 
/* ListMe登録ボタン */
input.listme_sub {
font-size:10px; /* 文字サイズ */
color:#fff; /* 文字カラー */
background:#808080; /* 背景色 */
border:none; /* ボーダー設定 */
font-family:Verdana,Arial,sans-serif; /* フォント指定 */
}

はてなやドリコムRSSにも対応してます。

コピペ用リンク

このエントリーのトラックバックURL:


このエントリーへのリンクURLを含むHTML:

同じカテゴリの記事

トラックバック

コメント (2)

showBOO's website

TBありがとうございます。
参考になれば幸いです(^^;)


Kazu's website

コメントありがとうございます^^
いつも参考にさせていただいてます。


コメントを投稿



RSS

Add to goo
Add to google

はてなRSS
feedpath
Subscribe in Bloglines
Subscribe with livedoor Reader




Tag cloud

Powered by
Movable Type 4.01