Web Liberty&freoカスタマイズ集

※最近はソーシャルメディアのボタンが増えて1つずつ設置するのが面倒なので、「忍者おまとめボタン」を利用する方が便利みたいです。当サイトでも導入してみました。設置方法については こちら を参照してください。

1. ブックマークのアイコンを こちら からダウンロードして data/image/ にアップします。
2. skin/diary.html の

   </div>
   <!--SKIN_DIARY_END-->

   の前に（デフォルトの場合）

   <ul class="book">
     <li><a href="http://twitter.com/home?status=RT @(自分のtwitterのアカウント) ${ARTICLE_SUBJ} ${ARTICLE_URL}"><img src="${INFO_URL}data/image/twitter.gif" width="16" height="16" alt="twitterでツイートする" title="twitterでツイートする" /></a></li>
     <li><a href="javascript:location.href='http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href);"><img src="${INFO_URL}data/image/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" title="Yahoo!ブックマークに登録" style="border:none;"></a></li>
     <li><a href="http://clip.nifty.com/create?url=${ARTICLE_URL}&amp;title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/nifty_add.gif" width="14" height="14" alt="このエントリをニフティクリップに追加" title="このエントリをニフティクリップに追加" /></a></li>
     <li><a href="http://clip.livedoor.com/clip/add?link=${ARTICLE_URL}&amp;title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/ld_add.gif" width="16" height="16" alt="このエントリをLivedoor クリップに追加" title="このエントリをLivedoor クリップに追加" /></a></li>
     <li><a href="http://bookmark.fc2.com/user/post?url=${ARTICLE_URL}&amp;title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/fc2_add.gif" width="16" height="16" alt="このエントリをFC2ブックマークに追加" title="このエントリをFC2ブックマークに追加" /></a></li>
     <li><a href="http://b.hatena.ne.jp/append?${ARTICLE_URL}"><img src="${INFO_URL}data/image/b_entry.gif" alt="このエントリーをはてなブックマークする" title="このエントリーをはてなブックマークする" width="16" height="12" /></a></li>
     <li><a href="http://buzzurl.jp/entry/${ARTICLE_URL}>"><img alt="このエントリをBuzzurlにブックマーク" title="このエントリをBuzzurlにブックマーク"src="${INFO_URL}data/image/add_icon_mini_08.gif" /></a></li>
     <li><a href="http://newsing.jp/nbutton?title=${ARTICLE_SUBJ}-${INFO_TITLE}&url=${ARTICLE_URL}"><img src="${INFO_URL}data/image/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" title="このエントリをnewsing it!へ追加" /></a></li>
   </ul>

   を追加します。
   ※(自分のtwitterのアカウント)のところだけ各自で設定してください。

3. skin/common.css に

   div#diary .book {
     margin: 5px;
     text-align: right;
   }
   div#diary .book li {
     display: inline;
   }
   div#diary .book li img {
     margin: 1px;
   }

   を追加します。