px*blog  > blog
DW8とDW2004MXの違い | main | 文字入りQRコード作成サービス

RSS購読ボタンの整理

→最新版の「RSS購読ボタンの整理」記事はこちら


Listme RSS購読ボタン少し遅れてしまいましたが、新年、明けましておめでとうございます。
更新がまばらですが、今年もpxblogを宜しくお願いいたします。

心機一転、リニューアルしてみました。
ヘッダーだけでなく、サイド→のナビゲーションとか、ちまちまカスタマイズしてみたんですが、中でも大きな変化は、RSS購読ボタンを１つにまとめたことですかね。

どのRSS Readerが一番人気なのか分からないし、一番人気…とかよりも、このブログを読んでくれてる人で、RSSリーダーを利用するとしたらどこを使うかは、全然予測不可だったので、とりあえず見たことあるのを全部盛り込んでみました。

良かったら、みなさんのブログのカスタマイズの際にも参照ください。
（ついでに、どっかミスっていたら教えてもらえると嬉しいです…）
すみません、ソースが長すぎて猛烈にブログレイアウトが崩れてしまうので、極力小さい文字掲載にしてみました。メモ帳とかにコピペして眺めてみてください。

■HTML
<!-- ListMe -->
<div id="Listme-form">
<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&amp;u=' + escape('http://ブログのＵＲＬが入ります/') + '&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://tags.blogpeople.net/tags_addlink.jsp?u='+escape('http://ブログのＵＲＬが入ります/')+'&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?http://ブログのＵＲＬが入ります/">はてなアンテナ</option>
<option value="http://r.hatena.ne.jp/append/http://ＲＳＳのＵＲＬが入ります">はてなRSS</option>
<option value="javascript:void(window.location='http://b.hatena.ne.jp/add?mode=confirm&amp;title='+escape('ブログのタイトルが入ります')+'&amp;url='+escape('http://ブログのＵＲＬが入ります/'));">はてなブックマーク</option>
<option value="http://www.bloglines.com/sub/http://ＲＳＳのＵＲＬが入ります">Bloglines</option>
<option value="http://reader.livedoor.com/subscribe/http://ＲＳＳのＵＲＬが入ります">LivedoorReader</option>
<option value="http://e.my.yahoo.co.jp/config/jp_promo_content?.module=jp_rss&amp;.url=http://ＲＳＳのＵＲＬが入ります">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>
<option value="http://feedpath.jp/feedreader/feeds_add?url=http://ＲＳＳのＵＲＬが入ります">feedpath</option>
<option value="http://paipo.jp/bookmarklet/?url=http://ＲＳＳのＵＲＬが入ります">PAIPO READER</option>
<option value="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://ＲＳＳのＵＲＬが入ります">NewsGator Online</option>
<option value="http://www.rojo.com/add-subscription?resource=http://ＲＳＳのＵＲＬが入ります">Rojo</option>
<option value="http://www.newsburst.com/Source/?add=http://ＲＳＳのＵＲＬが入ります">Newsburst</option>
<option value="http://fusion.google.com/add?feedurl=http://ＲＳＳのＵＲＬが入ります">google</option>
<option value="http://reader.goo.ne.jp/web/bookmarklet.html?,,http://ＲＳＳのＵＲＬが入ります">goo</option>
</select>
<input value="Listme" type="button" onclick="location.href=list.options[list.selectedIndex].value" class="listme_sub" />
</form>
</div>
<!-- /ListMe -->

使うときに変更するところは、
  • http://ブログのＵＲＬが入ります/
  • ブログのタイトルが入ります
  • http://ＲＳＳのＵＲＬが入ります
この３つです。置き換え変換とかでサクっと入れ替えてください。

■CSS
/* ListMeメニュー */
#Listme-form {
}
select.listme {
font-size: 10px;
color: #666;
background: #fff;
font-family: Verdana, "Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","ＭＳ Ｐゴシック","sans-serif";
}
input.listme_sub {/* ListMe登録ボタン */
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #898989;
border: none;
}
/* /ListMeメニュー */

私のブログでは、ナビゲーションの幅が170pxくらい？で結構狭いので、selectの文字のサイズを9pxにしています。verdanaフォントなら読めるし、なんとかきちきち入ります。
Listmeっていうボタンの言葉をもっと短くしても、狭いところでも入ると思うし、後はお任せです。白とグレーの縞々装飾は、optionにクラスつけたら出来ますし。
果たしてどのくらいListmeボタンを押してくれる人がいるか楽しみです（汗）

Comments

seo services vancouver | 2012/03/02 05:23 PM
I want to say that you really helped me to understand the subject of px*blog | RSS購読ボタンの整理
website design | 2012/03/02 03:06 PM
I appreciate all the effort you put into writing this post about px*blog | RSS購読ボタンの整理 . I will post a backlink back to your blog on my website as I think some of my clients might find it interesting.
website designer vancouver | 2012/02/26 05:14 AM
px*blog | RSS購読ボタンの整理 Is what I was looking for. Thank you for the information.
Irratstirus | 2011/03/23 10:12 PM
yankymas123|wow i鏤� just wasted 33 seconds of my whole life bitch

<a href="http://mexicopharm.org/?p=80">Help! Can I give my partner oral herpes everytime we are intimate?</a>

thplousaqq
Irratstirus | 2011/03/20 03:07 PM
starbursts2499|are they a鏤� couple?

<a href="http://mexicopharm.org/?p=372">veterans detox help</a>

fssdrwkos
Irratstirus | 2011/03/20 03:07 PM
scionofslytherin|lol at sexy snape. 鏤� hilarious video

<a href="http://mexicopharm.org/?p=634">zydot meth hair</a>

yrsaawwsw2
Judi Murphy | 2009/06/14 08:51 AM
[url=http://f5qth3v8u3f2eisi.com/]89imrkx4emjernvx[/url]
[link=http://o3fonb37ed89si1w.com/]ycimvbi14cmhpoe6[/link]
<a href=http://kz15kupta8t6lcax.com/>21dt3qz190z7srk4</a>
http://4ey2ucn3ojbd3qrh.com/

で見つけた面白いツール、ブログ、タグなどを紹介していきます。

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks

Trackback URL：
Permalink URL：
Search this site
Categories

pagetop