ICT IT・コンピューター

ソーシャルブックマークを設置しよう

最近、ブログの記事のタイトルの下や最後あたりにこのような小さなアイコンがいくつも並んだ物を目にするようになってきました。



それはソーシャルブックマークと言います。

気になる記事を見つけたときなど自分のパソコンのブックマークに追加していますね。

それを、ネット上のみんながみれるお気に入りに追加できるのです。

外出先のパソコンからでも気になるネタはすぐに見つけることが出来、いろんな人が自分のブログを訪問してくれることにもなります。

結果、おなじ趣味のつながりでよりおもしろい情報をしることが出来たり、アクセスアップにもなります。

今日はアドクリップという一括してソーシャルブックマークの登録が出来るサービスを設置してみました。

設置はものの5分で出来ますよ。

キモはどこに設置するかでして、記事の上はわざとらしく目立つし、下はそのアイコンだけ浮かないようにしたいし・・・。

ということで、記事の最後の投稿日時の上に設置してみます。

ナチュラムでいうと、ココ↓です。

<h3 class="title"><%EntryTitle%></h3>

<div class="main">

<%EntryBody%>&nbsp;&nbsp;<IfEntryBodyMore><span class="main-continues"><a class="acontinues" href="<%EntryPermalink%>#more">続きを読む</a></span></IfEntryBodyMore></div><br clear="all" />

ここから・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

<!-- AddClips Code START -->

<script type="text/javascript">

<!--

AddClipsUrl = location.href;

AddClipsTitle = document.title;

AddClipsId = '2ECFC1A066849';

AddClipsType='0';

AddClipsVerticalAlign='middle';

AddClipsDefault='bookmark';

AddClipsMode='popup';

// -->

</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8"></script>

<!-- AddClips Code END -->・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ここまで

<div class="posted">Posted by <%EntryAuthor%> at

<a class="aposted" href="<%EntryPermalink%>"><%EntryTime%></a>

<IfEntryAllowComment>│<a class="aposted" href="<%EntryPermalink%>#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment>

<IfEntryAllowPing>│<a class="aposted" href="<%EntryPermalink%>#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>

<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>

</div>

</div>

ナチュラムでは当然

トッページ、個別ページ、アーカイブページの３つともにタグを挿入する必要があります。

これで、一応、紛らわしくない場所に設置完了です。

興味を持たれたみなさんは一度試されてみてはいかがでしょうか。