■ウェブサイト管理:ブログカスタマイズ 記事一覧■
[Twib]ブログやサイトにTwitterリンクを貼る  2009年12月22日
livedoor blog 拍手の追加方法  2008年04月16日
AddClipsをページ・タイトル直接指定に  2008年01月10日
FeedBurnerでRSSフィードを分かりやすく  2008年01月04日
AddClipsを実装しましょう!  2008年01月03日



2009年12月22日

[Twib]ブログやサイトにTwitterリンクを貼る


Twitterといえば、ご存知の方も増えてきた「ささやき」を行えるサービスですね。
ミニブログとも言われたりしています。

ちなみに私のTwitter

ふと面白い記事を見つけたときに、「ささやき」たいと思うことがあるかも知れません。
そのときに、そのURIと内容をすぐにささやけたら便利ですよね。
はてブやLDクリップとかもそういうコメントを残せるようになっています。

そこで今回「Twib」というサービスをご紹介します。
この「Twib」のAPIを用いることで、その記事からささやくことを強力に補助してくれるのです。

論より証拠。とりあえず以下のリンクが現物です。

このエントリをつぶやくこのWebページのtweets

左の「t」をクリックすればURIやタイトルを引用してささやくことが出来ます。
右の数字は既に何人がこの記事をささやいているかを表示しています。

だいたいの使い方は上記のURIに記載されています。

以下に例として、ライブドアブログに貼る方法と、一般的なサイトに貼る方法をご紹介します。

【Livedoor Blogに貼る】

<a href="http://twib.jp/share?url=<$ArticlePermalink$>" target="_blank" rel="nofollow"><img src="http://twib.jp/static/images/t.gif" alt="このエントリをつぶやく" /></a><a href="http://twib.jp/url/<$ArticlePermalink$>"><img src="http://image.twib.jp/counter/<$ArticlePermalink$>" alt="このWebページのtweets" /></a>
(人数表示込み)

【一般的なサイトに貼る】
(Wikiなどの動的なサイトでもJavascriptが使えれば適応できます)
<a href='javascript:location.href=&quot;http://twib.jp/share?url=&quot;%2bencodeURIComponent(location.href);' rel='nofollow'><img src='http://twib.jp/static/images/t.gif' alt='このエントリをつぶやく' /></a>
(人数表示ナシ)
もちろんJavascriptを用いずに、ベタにURIを入力してもOKです。

これを適宜デザイン上で設置したい場所に書き込みます。
私は記事の右下に表示させることにしました。

それにしてもこんな便利なAPIを個人で提供できるって素晴らしいですね。快適ですし。

【追記】
私が次に注目しているのは(若干遅れていますが)「Tumblr」です。
まさにネットスクラップ専用ブログですね。
そのせいで著作権問題が顕著らしいですが…

Shuken's Tumblr Scraps


at 23:58|Edit

Comment

2008年04月16日

livedoor blog 拍手の追加方法


ライブドアブログに新しくプロフィールが追加されたのはちょい前の話。
(さっき確認したら実年齢をゆうに越えた数値が表示されており、ビックリしました)

今回、「拍手タグ」を設置できるようになりました。
FC2ブログなどではお馴染みですよね。はてなでいうはてなスターのような感じです。
早速設置し、各記事の右下に表示しています。ちょっと分かり辛いかな?

設置方法は意外と簡単です。

まず、デザインのカスタマイズメニューから、スタイルシート(CSS)以外の全ての
<title>タグの前に<$HeadSectionCommon$>を追加します。
(<head>内ならどこでも良いのですが、分かりやすく)

↓こんな感じです。

<$HeadSectionCommon$>
<title><$BlogTitle ESCAPE$></title>…

そして次にそれぞれの<div id="posted"></div>の間の好きなところに、
<$Clap$>を追加します。追加したところに表示されますよ!
(表示されない場合は、最初からもう一度確認し、それでもダメならナレッジを…)

それを全てのページカスタマイズで追加します。

最後に全てのページを再構築!これで完了です。表示されましたか?

導入が簡単だったのが嬉しいです。
後はプロフィールページや拍手後に表示されるアシスタント君を編集すると◎♪
(アシスタント君の画像を編集せなんなぁと思いつつ…)

at 01:39|Edit

Comment
2008年01月10日

AddClipsをページ・タイトル直接指定に


AddClipsの扱い方を何度か記事にしてきました。

今回はURLやタイトルに連動しない固定のブックマーク作成についてです。
ブログでも当ブログのように上に設置していますが、初期設定だと、
どうしても各記事ページに移動した場合にその各ページのブックマークになります。

「不撓不屈」のトップページ固定のブックマークを貼ってほしい。

…のような時もあると思います。
そこで、AddClipsボタンを生成し、出力されるタグに細工をします。

onclick="AddClipsUrl = location.href; AddClipsTitle = document.title;

とあるところを、

onclick="AddClipsUrl = 'ページのURL'; AddClipsTitle = 'ページタイトル';

ページのURL、ページタイトルをそれぞれ任意の値に変更して下さい。

(例)
onclick="AddClipsUrl = 'http://hoge.com'; AddClipsTitle = 'ほげページ';

以上です。これでページと連動したボタンではなく固定されたボタンになります。
ちなみにこのブログトップのボタン、戦国史Wikiのボタンも固定になっています。

(ポイント)
ページURL、ページタイトルを囲むのはシングルクオーテーションです。

at 02:11|Edit

Comment
2008年01月04日

FeedBurnerでRSSフィードを分かりやすく


RSSはご存知ですか?更新情報を発信するためのファイルです。
中身を見れば分かりますが、大体なんとなーくHTMLに似ているものがあります。
コレを専用のリーダーで読み取り、更新情報をそのサイトに行かずとも分かるわけです。

ちなみに当ブログのRSSはコチラ

上記リンクを押して頂ければ分かりますが、コレだけじゃ良く分かりません。
増してやRSSを知らない人が押したら「え?」ってなりますよね。

今度は以下のリンクを押してみて下さい。

ちなみに当ブログのRSSはコチラ

表示が変わりましたよね。このようにRSSを分かりやすい画面にしてくれるサイトが、
FeedBurnerです。戦国史同盟トップページ右サイドバーにあるのもそうですね。

RSSはブックマークに似ているものがありますが、
ブックマークをいちいち見に行くのが面倒な方に「RSSで直」が良いという方が多いです。
(ちなみに私もRSS受信派です。リーダはSleipnir標準装備のヤツです)
ca013923.jpg6de45fcb.jpg
上記の画像はFeedBurnerのログイン画面・及び管理画面です。
全RSSフィードの購読状況を把握できます。またバナーやパーツを取得できます。
バナーの中にはRSSとは思えないオシャレなモノもあり、例えば下のようなモノがあります。

不撓不屈 -蛛賢の前途多難物語-

↑ フィード・ティッカーを使ってみましょう

コレは最新記事を表示するバナーのようなパーツです。オシャレでしょ。

コレは戦国史同盟の右サイドバーでおなじみ。購読者数を表示します。

大抵のブログでRSSを発信しています。扱いが分からないと勿体無いです。
こういったRSSを華麗に見せるサイトをドンドン使って、アピールしましょう。

FeedBunrer(日本語サイト) (登録無料)

at 04:16|Edit

Comment
2008年01月03日

AddClipsを実装しましょう!


ブログからの情報発信の三種の神器(?)である内の一つ、ブックマーク
ブックマークを情報収集に用いている読者の方が増えている今、
逆にブックマーク登録ボタンを設置しているブログが少ないとのことです。
(ちなみに三種の神器はPING・RSS・ブックマークとか勝手に思ってます

大抵がそのブログを扱っているポータルのブックマークくらいしか
初期設定でブックマーク登録ボタンはないですよね。(例:LD→Livedoorクリップ)

そこでAddClipsの登場です。
これは1つのボタンで20個ものブックマーク登録ページへ飛ばしてくれます。
そして、記事に連動したブックマークを登録出来るようにしてくれます。
例えば、この記事の下にボタンがありますよね。そこを押すとこの記事に、
ブックマークを貼ることが出来るんですね。

こういったサービスは欧米でもあるようですが、日本にはまだなかったとか。
しかも、AddClipsを制作された方は一個人だそうです。エネルギッシュだなぁ。尊敬。

登録は無料です。あとはブログに組み込むだけ。
組み込み方も詳しくサイトで説明してありますので、その通りにするだけです。
記事を書くたび、そのブックマークリンクが自動生成されます。(自動万歳)
c60d0c87.jpg7eb79f8d.jpg

上画像はボタン作成画面です。ログインや登録といった難しい作業はありません。

以下はライブドアブログで私がデザインのカスタマイズで設定ソースです。
もし宜しかったら参考までどうぞ。(ライブドアブログ版です)
<div id="post">からのHTMLソース
(右クリックから「名前を付けて保存」でお願い致します)

その他のAddClips実装方法についてはAddClips公式ページをご参照下さい。

(追記)
FC2ブログをお使いの飛鳥さんにご協力頂きました。
忍者ブログをお使いの大谷さんにご協力頂きました。

(関連記事)
ブックマーク機能をAddClipに変更しました。(対応ブログ一覧があります)

at 23:02|Edit

Comment