« 7月 2016 12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

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

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に投稿

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

関連する投稿

1つ星2つ星3つ星4つ星5つ星 (まだ評価されていません)
Loading...Loading...

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.planting-field.com/archives/eid598.html/trackback
Listed below are links to weblogs that reference
SBにソーシャルブックマークとnewsing用のリンク設置 from Planting Field Web Log

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

ZenBack
Feeds

 RSSリーダーで購読する

はてなRSSへ追加Google Readerへ追加
Photo
Other-Meta
ブログランキング blogram投票ボタンブログランキング・にほんブログ村へ My Profile by iddy にほんブログ村 サッカーブログ FC東京へ
にほんブログ村
ブログでクチコミ B-Promotion

Return to page top

Get Adobe Flash player
back to top