SBにソーシャルブックマークとnewsing用のリンク設置

スポンサーリンク
エントリー内リンクはアフィリエイト広告を含みます。
エントリー内リンクはアフィリエイト広告を含みます。

 各エントリーの最下部にアイコンが色々くっついたと思いますが、各ソーシャルブックマークとnewsingへの登録リンクを張りました。

 Serene Bachで設置する方法を忘れないように記載しておきます。

 まず、Hatena::Bookmarkdel.icio.usへのリンク設置はThe blog of H.Fujimotoさんのこちらの記事で配布されているプラグイン「BookmarkLink」を利用させていただきました。独自タグが何個か追加されるので楽ちんちんです。
ソースはこんな感じ

はてな用
<a href="{entry_hatena_bookmark}" target="_blank"><img src="画像のURL" /></a>
del.icio.us用
<a href="{entry_delicious_bookmark}" target="_blank"><img src="画像のURL" /></a>

 追加するのはこれだけでも良かったのですが、せっかくだしついでに何個かつけてしまえと思い、利用頻度が高いかな?と思われるソーシャルBookmarkへのリンクも追加してみました。結構色々有るんですね、この手のサービス。

  • Livedoor Clipのソース

    <a href="http://clip.livedoor.com/clip/add?link={entry_permalink}" target="_blank"><img src="画像のURL" /></a>

    エントリーのURL出力独自タグを追加しただけ、ちなみにlink={entry_permalink}の後ろに続けて&title= {entry_title}をつけるとtitleも自動で登録されるのですが、文字化けしちゃうので設定していません。

  • Choix(チョイックス)
    これはこちらのページにJUGEM用ソースが記載されているのでそのままコピーでOK!一応記載しておきます。

    <a href="http://www.choix.jp/bloglink/{entry_permalink}" target="_blank"><img src="画像のURL" /></a>

  • Googleブックマーク

    <a href="javascript:(function(){var%20a=window,b=document,
    c=encodeURIComponent,d=a.open(‘http://www.google.com/bookmarks/mark?
    op=edit&output=popup&bkmk=’+c(b.location)+’&title=’+c
    (b.title),’bkmk_popup’,’left=’+((a.screenX||a.screenLeft)+10)+’,top=’+((a.screenY||
    a.screenTop)+10)
    +’,height=420px,width=550px,resizable=1,alwaysRaised=1′);a.setTimeout(function()
    {d.focus()},300)})();" title="Googleブックマークに追加
    "><img src="画像のURL" /></a>

最後に、これはソーシャルBookmarkじゃないのですが、ソーシャルニュースサイトの「newsing」へのリンクも設置してみました。こちらは、ここのページにMovable Type用のリンクが掲載されていたのでそれをSerene Bach用にちょい修正して設置してみました。1個目と2個目のリンクを使った場合記事のタイトルが文字化けしてしまうので、3個目のリンク「上記で日本語が文字化けする場合は、下記のコードをお試しください。(要JavaScript)」のソースをSerene Bachの独自タグを突っ込んでチャレンジしてみました。元のソースと変更したソースはこんな感じ。

元のソースの緑部分赤色で書いたSerene Bach用の独自タグにすればOK!

<a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<$MTEntryTitle$>')+'&url='+encodeURIComponent('<$MTEntryPermalink$>');"><img src="画像のURL" /></a>

<a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('{entry_title}')+'&url='+encodeURIComponent('{entry_permalink}');" target="_blank"><img src="画像のURL" /></a>

てな感じです。

*上記のプラグインを利用した物以外のリンクで、独自タグ{entry_title}を使っている部分は、各リンクを個別エントリーページに適用する場合は{site_title}にすると、「ブログのタイトル | エントリーのタイトル」と言うようなタイトルの出力になるので、それでもいいかもしれませんね。個別ページじゃなく、トップページとかにそれを使うとブログのタイトルしか出力されないので、その辺は切り替えて使いましょう。テンプレ分けてる場合はこの様にしても良いかもしれないですね、テンプレ1個の場合は{entry_title}で個別エントリーのタイトル出力が無難でしょう。もちろんほぼ同じJUGEMやロリポブログでも設定は同じはずです。

 あと、書いた物以外のリンクはだいたい何にも弄らないで使えるので書く必要はないでしょう。

一応アイコンの説明。

:はてなBookmarkに登録
:del.icio.usに登録
:Livedoor Clipに登録
:choixに登録
FC2ブックマーク:FC2ブックマークに登録
このページを行き先登録:POOKMARK Airlinesに登録
pingkingアイコン:pingkingに登録
Google:Googleブックマークに登録
:BlogPeople Tagsに登録
:BlogPeople アイ・ビーに登録
:ドリコムClipに登録
:newsingに投稿

以上こんな感じです。気が向いたり、お気に入りの記事がございましたらどうぞお使い下さい。

コメント

タイトルとURLをコピーしました