【酒ゲーム★鈴木酒店】

<静岡市駿河区にある小さな酒屋の、お酒関連の話とオタク系趣味な話とかのブログ>

★当店で販売中の、萌酒もえしょく【商品一覧】
・鈴木酒店デザインのユニクロ商品【組み合わせ多数】です
・貴方も当店の座敷部屋で【日本酒講座】を開催しませんか
2010年02月09日 18:55
この記事のことをtwitterでつぶやく♪
ソーシャルブックマークボタン設置 昨日の「twitterでつぶやくボタン」の設置に続いて今度は『ソーシャルブックマークボタン』を設置してみましたicon14 (ブックマークレットと言います)

トップページ上には『統合されたボタンクリップ』を、個別記事ページには『個別に抜粋した各ボタン』にしてみました。記事タイトルの横に設置されてるの、分かります?

ちなみに【ソーシャルブックマーク】というのは、よく使うサイトのURLアドレスをネットワーク上の「ブックマーク」「お気に入り」に登録保存し、他のユーザとも共有しちゃったりするサービスです。


あれですね、通常の「ブラウザに保存するお気に入り」はそのパソコンでしか見られないけど、ソーシャルブックマークに登録したお気に入りならインターネットに繋がってどのパソコンからでも同じものを使うことができるわけですね。
…まぁ私みたく、完全に自宅のパソコンで引き籠もってる人にはアレだけどね( ´_ゝ`)

さらにあれですね、多くのユーザとそれらのお気に入りを共有して、人気度やコメント、解説などの情報を付加していろいろ楽しめる、みたいな~♪ …私は使ってないからあまり分からないんだけどね(^^;

ただ、これらサービスを使ってるユーザがブックマークしてくれたり登録することで【被リンク数】が増え、結果的になのか「まゆつば」なのか、一応『SEO対策として有効』と言われてたりするみたいです。

でもこのボタン設置、意外と簡単ですよface02
addclips 他のブログなんかでも時々見かけますが、私はトップページ用にこれを使いました。
▼AddClips▼
http://www.addclips.org/

別段、登録とか必要ないし無料だし、『ボタンをつくる』っていうところからすぐにボタンを作ることができます。あとはそこで出来上がったソースコードを自分のブログにコピーするだけ。…どこに貼り付けるかは自由なんだけど、カスタマイズの知識は必要になるかもなので、分からなかったら聞いてみて下さい(^-^)

作られてきたソースコードはこんな感じ▼

<!-- AddClips Code START -->
<script type="text/javascript">
<!--
AddClipsUrl = location.href;
AddClipsTitle = document.title;
AddClipsId = '1668D5954E713';
AddClipsBcolor='#999999';
AddClipsNcolor='#F6F6F6';
AddClipsTcolor='#666666';
AddClipsType='0';
AddClipsVerticalAlign='middle';
AddClipsDefault='bookmark';
// -->
</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8"></script>
<!-- AddClips Code END -->


ここの「location.href」と「document.title」部分は「現在のページのURLとタイトル」になるので、そこをちょっと工夫して「<%EntryTitle%>」と「<%EntryPermalink%>」というeしずブログの変数にします。これによってトップページ上のボタンからでも「その記事」をピンポイントでブックマークさせることが可能に!
「AddClipsId」はご自身で発行されたものを使って下さいね。

あと、RSSボタンもうまく使えるようにと『AddClipsRssUrl』というパラメータを追加してそこにRSSのURLを挿入しました。

それでできあがったのがこれ▼

<!-- AddClips Code START -->
<script type="text/javascript">
<!--
AddClipsUrl = 'http://osake.eshizuoka.jp<%EntryPermalink%>';
AddClipsTitle = '<%EntryTitle%>';
AddClipsId = '1668D5954E713';
AddClipsBcolor='#999999';
AddClipsNcolor='#F6F6F6';
AddClipsTcolor='#666666';
AddClipsType='0';
AddClipsVerticalAlign='middle';
AddClipsDefault='bookmark';
AddClipsRssUrl = "http://osake.eshizuoka.jp/index.rdf";
// -->
</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8"></script>
<!-- AddClips Code END -->


そうそう、記事タイトル内の文字に「シングルコーテーション」が使われてるとエラーのアラートが出てしまうので注意です…。私、最初これに気付かなくってかなりハマりましたicon10

ソーシャルブックマークボタン設置
私は、個別記事部分には▲こんな感じの各ボタンを個別に入れてみました。『あとで読む』のボタンも入れてみた♪ この「あとで読むボタン」も結構簡単に作成・設置することができますよ(^-^)

これらボタンを設置する場所ってなかなか考えちゃうとこなのですが、この記事も皆さんのお役に立てば~、ですface02


同じカテゴリー(パソコンやスマホ)の記事画像
マイクアームを分解して水平になるようにした件
ASRockのマザボがビープ音5回鳴るようになったので。
椅子のガスシリンダーが全然外れないのでw
ツクモのPCケース「69JD」のエアフローを強化!
オタクな酒屋の愛ThinkPad遍歴♪
同じカテゴリー(パソコンやスマホ)の記事
 マイクアームを分解して水平になるようにした件 (2022-08-28 21:42)
 ASRockのマザボがビープ音5回鳴るようになったので。 (2022-07-14 21:35)
 椅子のガスシリンダーが全然外れないのでw (2022-06-30 22:12)
メールアドレスを登録いただくと、このブログに最新記事が掲載された事をお知らせするメールが届くようになります(♭^-')♪ 詳しくはこちら
この記事をtwitterでつぶやく: この記事のことをtwitterでつぶやく♪ (twitterとは?)
記事投稿者: 鈴木酒店 2010年02月09日 18:55
▼この記事に対して書かれたコメントです
ソーシャルブックマーク

はじめて知りました。

情報、ありがとうございます。
Posted by 健康コンシュルジュ at 2010年02月10日 09:16
>健康コンシュルジュさん
私自身はこのソーシャルブックマークは使っていないのですが、使って見たら便利なのかもしれませんね。だからみんなやってるんだろうしな~笑。
ご参考になれば、です(^-^)
Posted by 鈴木酒店鈴木酒店 at 2010年02月10日 10:30

▼お気軽にコメントを入力してって下さい(・∀・)
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。
 
先頭へ
削除
ソーシャルブックマークボタン設置
    コメント(2)