Home > WEB制作 > ソーシャルブックマーク用アイコンを設置

ソーシャルブックマーク用アイコンを設置

Tag:

「たいした内容かいてないじゃないか。」とか言われちゃうとちょっと困っちゃうんですけどね。
ソーシャルブックマークに一発登録できるアイコンを設置してみました。
何事も経験かなぁ~・・・と思って・・・。

既に様々なところでこういった手法を紹介されていたり、被リンク数を同時に表示してくれるような機能もつけたプラグインなんかを公開されている方もいたのですが、自力で付けてみようと思いまして。
ソースだけ拝見させていただきながら、ちまちまと作ってみました。
っていっても、なにしたってソース書いただけだけど。

えっと、基本的に使われているソースを載せておくのですが・・・。
postされるURLの指定は「<$MTEntryParmalink$>」ですが、うちのBlogの場合は、個人的な感情から、「<$MTEntryLink archive_type="Daily"$>」で設定しました。
完全に個人的感情です。

それから、各ソーシャルブックマークシステムの登録画面に以降する画面は「target="_blank"」に指定して、別窓が開くようにしました。
(コメント書いたりするとき別窓で開いているほうが楽だとおもうのは、ひらぎだけかなぁ?)

アイコンは、自分で用意してサーバーにアップしておくことが必須です~。
テキストにしたければ、imgタグをそのままテキストにすればOKですな。

●del.icio.us用

<a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" target="_blank"><img src="<$MTBlogURL$>アイコンファイル名" alt="[<$MTEntryTitle encode_html="1"$>]をdel.icio.usに追加" width="(横幅)" height="(縦幅)" border="0" /></a>

●はてなブックマーク用

<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>" target="_blank"><img src="<$MTBlogURL$>アイコンファイル名" alt="[<$MTEntryTitle$>]をはてなブックマークに追加" width="(横幅)" height="(縦幅)" border="0" /></a>

おまけで被リンク数を表示させる方法。(はてなにも書いてありますが。)

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" ><img src="http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>" border="0" alt="はてなブックマークユーザ数"></a>

●POOKMARK Airlines

<a href="http://pookmark.jp/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle>" target="_blank"><img src="<$MTBlogURL$>アイコンファイル名" alt="[<$MTEntryTitle$>]をPOOKMARK Airlinesに追加" width="(横幅)" height="(縦幅)" border="0" /></a>

はてな同様、被リンク数が表示できると嬉しいのだけど、これはどうしたものか~・・・。
del.icio.us用のAPIとかあるみたいなんで、またそれは今度時間のあるときに。

どこか良い情報が掲載されているサイトなんかがありましたら是非教えていただければと。
えへ。他力本願だぁ(*'ω'*)

Comments:0

Home > WEB制作 > ソーシャルブックマーク用アイコンを設置

Return to page top