MTOSで行こう!Movable Type Open Source > MTOSをもっと便利に使うために > テンプレートのカスタマイズ > ソーシャルブックマーク

はてなブックマークとヤフーブックマークを設置する

ソーシャルブックマークとは、何度も見るWEBサイトのURLアドレスを登録しておく「ブックマーク」「お気に入り」をネットワーク上に保存し、他のユーザと共有するサービス。ユーザはツールバーなどを使って通常のブックマークと同じ感覚でサイトを登録することができる。Webブラウザのブックマーク機能とは似ているようで意味がまったく違う。ブラウザのブックマークはそのコンピュータでしか見られないが、ソーシャルブックマークサービスに登録した自分のブックマークはインターネットにつながっていればどのコンピュータからでも閲覧できる。また、公開設定にすると、他のユーザもそのソーシャルブックマークに登録されたWEBサイトを閲覧することができる。

ソーシャルブックマークには、ヤフーブックマーク、はてなブックマークなど複数のサービスがある。ここでは代表的な「はてなブックマーク」と「ヤフーブックマーク」を設置する方法を説明する。

全ページに特定のタグを貼り付ける必要があるため、MTタグを使って記述することにした。はてなブックマークの設置方法は静的記述だがヤフーブックマークの記述はジャバスクリプトになっている。

カスタマイズデータを利用すると、ウィジェットセットの「3カラムのサイドバー(メイン)」の一番下に「ソーシャルブックマーク」が貼り付けてある。 ウィジェットセット


上記の状態から、「ソーシャルブックマーク」の右にある「編集」という文字をクリックすると中身が編集できる。その「ソーシャルブックマーク」のウィジェットモジュールの中身は以下のとおり。

<div class="widget-archive widget-archive-category widget">
<h3 class="widget-header">ソーシャルブックマーク</h3>
<div class="widget-content">
<!-- ソーシャルブックマークMT4開始 -->
<MTIf name="main_index">
はてなブックマーク: 
<a
href="http://b.hatena.ne.jp/entrylist?url=<$MTBlogURL$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/bc/de/<$MTBlogURL$>" class="bcounter"
alt="はてなブックマーク数" title="はてなブックマーク数" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTBlogURL$>" rel="nofollow"><img
src="<$MTBlogURL$>hatenaentry.gif" width="16" height="12"
style="border: none;" alt="はてなブックマーク" title="はてなブックマーク" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTBlogURL$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/entry/image/<$MTBlogURL$>"
alt="はてなブックマーク" /></a><br />
</MTIf>
<MTUnless name="main_index">
<!--カテゴリブックマーク-->
<MTIfArchiveType archive_type="Category">
はてなブックマーク: 
<a
href="http://b.hatena.ne.jp/entrylist?url=<$MTBlogURL$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/bc/de/<$MTBlogURL$>" class="bcounter"
alt="はてなブックマーク数" title="はてなブックマーク数" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTArchiveLink$>" rel="nofollow"><img
src="<$MTBlogURL$>hatenaentry.gif" width="16" height="12"
style="border: none;" alt="はてなブックマーク" title="はてなブックマーク" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTArchiveLink$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/entry/image/<$MTArchiveLink$>"
alt="はてなブックマーク" /></a><br />
</MTIfArchiveType>
<!--エントリーブックマーク-->
<MTIfArchiveType archive_type="Individual">
はてなブックマーク: 
<a
href="http://b.hatena.ne.jp/entrylist?url=<$MTBlogURL$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/bc/de/<$MTBlogURL$>" class="bcounter"
alt="はてなブックマーク数" title="はてなブックマーク数" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" rel="nofollow"><img
src="<$MTBlogURL$>hatenaentry.gif" width="16" height="12"
style="border: none;" alt="はてなブックマーク" title="はてなブックマーク" /></a> 
<a
href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" rel="nofollow"><img
src="http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>"
alt="ブログはてなブックマーク" /></a><br />
</MTIfArchiveType>
</MTUnless>
ヤフーブックマーク:
<a href="javascript:void  window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(window.location.href)+'&amp;opener=bm&amp;ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img width="12" height="12" alt="Yahoo!ブックマークに登録" src="<$MTBlogURL$>ybm16.gif" /></a>
<script src="http://num.bookmarks.yahoo.co.jp/ybmno.php" type="text/javascript"></script>user
<br />
<a href="<$MTBlogURL$>" target="_top"><$MTBlogName$></a><br />
</div>
</div> 

なお、ヤフーブックマークの部分はジャバスクリプトなので、<a href="javascript:から始まって</script>userまでは改行されているように見えるところも一行につないで貼り付けること。途中で改行がはいるとうまく動作しないことがある。

はてなブックマークとヤフーブックマークを設置するMTOSで行こう!Movable Type Open Source

フェイスブックの「いいね」はいいですね。

はてなブックマーク:  遠田幹雄中小企業診断士ブログはてなブックマーク数  遠田幹雄中小企業診断士ブログはてなブックマーク  遠田幹雄中小企業診断士ブログはてなブックマーク  ヤフーブックマーク: Yahoo!ブックマークに登録  user ドモドモ[TOP]

株式会社ドモドモコーポレーション


株式会社ドモドモコーポレーション
〒929-1171 石川県かほく市木津ロ64-1 電話076-285-8058 IP電話:050-1462-8058
遠田幹雄 経済産業大臣登録 中小企業診断士#301227 ITコーディネータ#0026162002C
※事務所所在地は地図上で金沢市北部のかほく市JR横山駅近く、
 石川県庁からクルマで約30分北上したところです。
 【ドモドモコーポレーションへのご案内地図】
 よろしく、どもども、ドモドモ。 count


         

MTOSで行こう!のコンテンツ

MTOSで行こう![TOP]
 ※SEOに強いカスタマイズデータを利用した導入方法は【MTOS導入ステップ】をご覧ください

遠田幹雄の予定表

遠田幹雄の予定は【Googleカレンダー】で表示しています。
遠田幹雄のスケジュール表はグーグルカレンダーで
※ログインすると予定をご覧いただけます。
※遠田幹雄の公式ブログ 遠田幹雄です。どもども、ドモドモ(^^)v 中小企業診断士ブログは、ほぼ毎日更新しています。遠田の近況はブログでご確認おねがいします。

お問い合わせ

メールでの問合せはこちらから
ご意見/ご感想はSSL対応の
メールフォームからどうぞ

業務経歴書のご請求

業務経歴書の体裁、実際にはA4で5ページです。
遠田幹雄の業務経歴書の請求はこちら
のメールフォームからどうぞ

それぞれSSLのフォームになっています。

遠田幹雄
代表者のグーグルプラスは「 遠田幹雄(Google+) 」です。

株式会社ドモドモコーポレーション
株式会社ドモドモコーポレーションの企業としての公式サイトは株式会社ドモドモコーポレーションdm2.co.jpです。

ソーシャルブックマーク

はてなブックマーク:サイト全体  はてなブックマーク数
MTOSで行こう!  MTOSで行こう!  はてなブックマーク  ブログはてなブックマーク
ヤフーブックマーク: Yahoo!ブックマークに登録 user
MTOSで行こう!Movable Type Open Source
このサイト「MTOSで行こう!Movable Type Open Source」のフィードを取得する。
atom atom.xmlを取得
RSS RSS1.0を取得
※フィード(Feed)とは、ブログやニュースサイトなどのウェブサイトのコンテンツ概要を配信用に加工した文書のこと。代表的なフォーマットとしてはRSSやAtomがある。
株式会社ドモドモコーポレーション 〒929-1171 石川県かほく市木津ロ64-1 電話076-285-8058 IP電話:050-1462-8058
copyright ドモドモコーポレーション by 中小企業診断士ブログの遠田幹雄 since 2000/10/10 ©