HOME > スポンサー広告 > title - ソーシャルブックマークに登録するHOME > ソーシャルブックマーク > title - ソーシャルブックマークに登録する


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

ソーシャルブックマークに登録する

ソーシャルブックマークに登録します。


スポンサードリンク

Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加

ソーシャルブックマークとは

よく使うサイトのアドレスを登録しておく「ブックマーク」「お気に入り」をネットワーク上に保存し、他のユーザと共有するサービスの総称。

ブラウザなどのローカルに保存される「お気に入り」と違い、パソコンの環境を変えても継続して使用できる。

どのようなWEBサイトに使われている?

Yahoo!ニュースなど大手ニュースサイトや個人サイトにも使われています。
登録することで被リンクが増えSEO対策に効果的とされています。

各種ソーシャルブックマーク貼り付けコード

Yahoo!ニュースで使われているソーシャルブックマーク貼り付けコードをブログにセットしてみます。

はてなブックマーク



はてなブックマークボタンガイドページ にアクセスする。

表示サンプル



・サンプルコード

ページURLページタイトルを修整します。

<a href="http://b.hatena.ne.jp/entry/ページURL" class="hatena-bookmark-button" data-hatena-bookmark-title="ページタイトル" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>


・FC2ブログの場合はエントリ関連の変数を使用する

<%topentry_link>:ページURL
<%topentry_title>:ページタイトル

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" class="hatena-bookmark-button" data-hatena-bookmark-title="<%topentry_title>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>


・実行サンプル

このエントリーをはてなブックマークに追加

YAHOO!ブックマーク



ブログパーツの組み合わせにアクセスする。

・表示サンプル



・サンプルコード

Aタグはjavascriptで書き換えられるので特に修正する必要はありません。

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href)+'&amp;ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/ybm/blogparts/addmy_btn.gif" width="125" height="17" alt="Yahoo!ブックマークに登録" style="border:none;"></a><script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=small"></script>


・実行サンプル

Yahoo!ブックマークに登録

livedoor clip!



ブログに「clip!」ボタンを設定しよう!にアクセスする。

・表示サンプル



・サンプルコード

livedoor Blog用の変数が使用されているので修整する。

<a href="http://clip.livedoor.com/redirect?link=<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>%20-%20<$ArticleTitle URIESCAPE$>&ie=<$BlogCharset$>" class="ldclip-redirect" title="この記事をクリップ!"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ!" style="border: none;vertical-align: middle;" /></a>


・FC2ブログの場合はエントリ関連の変数を使用する

<%topentry_link>:ページURL
<%topentry_title>:ページタイトル
utf-8:ブログの文字コード

<a href="http://clip.livedoor.com/redirect?link=<%topentry_link>&title=<%topentry_title>&ie=utf-8" class="ldclip-redirect" title="この記事をクリップ!"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ!" style="border: none;vertical-align: middle;" /></a>

・実行サンプル

この記事をクリップ!

Buzzurl



ブックマークアイコンの取り付けにアクセスする。

・表示サンプル



・サンプルコード

ページURLを修整します。

<a href="http://buzzurl.jp/entry/ページURL" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_big_01.gif" alt="Buzzurlにブックマーク" style="border:0"></a><a href="http://buzzurl.jp/entry/ページURL" title="Buzzurlにブックマーク" target="_blank"><img src="http://api.buzzurl.jp/api/counter/ページURL" alt="Buzzurlにブックマーク" style="border:0"></a>


・FC2ブログの場合はエントリ関連の変数を使用する

<%topentry_link>:ページURL

<a href="http://buzzurl.jp/entry/<%topentry_link>" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_big_01.gif" alt="Buzzurlにブックマーク" style="border:0"></a><a href="http://buzzurl.jp/entry/<%topentry_link>" title="Buzzurlにブックマーク" target="_blank"><img src="http://api.buzzurl.jp/api/counter/<%topentry_link>" alt="Buzzurlにブックマーク" style="border:0"></a>

・実行サンプル

BuzzurlにブックマークBuzzurlにブックマーク

newsing



ピックアップボタン設置方法にアクセスする。

・表示サンプル



・サンプルコード

Aタグはjavascriptで書き換えられるので特に修正する必要はありません。

<a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(document.location);"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" align="absmiddle" /></a>


・FC2ブログの場合はエントリ関連の変数を使用する

<%topentry_link>:ページURL

<li><a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<%topentry_title>')+'&url='+encodeURIComponent('<%topentry_link>');"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it!" border="0" align="absmiddle" /></a></li>

・実行サンプル

newsing it!

イザ!



イザ!ブックマークアイコンの設置についてにアクセスする。

・表示サンプル



・サンプルコード

ページURLを修整します。

<a href="http://www.iza.ne.jp/bookmark/add/regist/back/ページURL"><img src="http://www.iza.ne.jp/images/common/bookmark_icon01.gif" border="0" alt="イザ!ブックマーク"></a>


・FC2ブログの場合はエントリ関連の変数を使用する

<%topentry_link>:ページURL

<a href="http://www.iza.ne.jp/bookmark/add/regist/back/<%topentry_link>"><img src="http://www.iza.ne.jp/images/common/bookmark_icon01.gif" border="0" alt="イザ!ブックマーク"></a>

・実行サンプル

イザ!ブックマーク


スポンサードリンク

loading...
自分だけのアバターで友達をつくろう!【MILU(ミル)】
人気ブログランキングへ
Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加
[ 2011/08/04 23:37 ] ソーシャルブックマーク | TB(0) | CM(0)

コメントの投稿













管理者にだけ表示を許可する

トラックバック:

この記事のトラックバック URL
http://computernlife.blog.fc2.com/tb.php/33-3620b493





上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。