2015年10月14日水曜日

bloggerへのはてなブックマークボタンの設置

こちらの記事を参考に、
Blogger記事に「はてなブックマーク」ボタンを設置する方法 | Asterlist
http://blog.asterlist.com/2012/11/1001.html
公式ページで発行した最新の埋め込みタグ(https対応版)とマージして微調整した、以下のタグを埋め込むことにしました。

<div class='goog-inline-block'>
  <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.canonicalUrl' class="hatena-bookmark-button" expr:data-hatena-bookmark-title='data:post.title' data-hatena-bookmark-layout="simple-balloon" title="このエントリーをはてなブックマークに追加">
    <img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" />
  </a>
  <script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async">
  </script>
</div>

ただ、参考記事のように `「data:post.body」の直下に記述` だとうまく表示されませんでした。
テンプレートは「シンプル」を使っています。
そこで、Googleが元々提供しているSNSボタンがあるので、並べるような形で以下の位置に埋め込んでみたら、いい感じに馴染んでくれました!
1466行目~
  • 変更前
                              <b:includable id='shareButtons' var='post'>
                                <b:if cond='data:top.showEmailButton'>
                                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                                    <span class='share-button-link-text'>
                                      <data:top.emailThisMsg/>
                                    </span>
                                  </a>
                                </b:if>
  • 変更後
                              <b:includable id='shareButtons' var='post'>
                                <div class='goog-inline-block'>
                                  <a class='hatena-bookmark-button' data-hatena-bookmark-layout='simple-balloon' expr:data-hatena-bookmark-title='data:post.title' expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.canonicalUrl' title='このエントリーをはてなブックマークに追加'>
                                    <img alt='このエントリーをはてなブックマークに追加' height='20' src='https://b.st-hatena.com/images/entry-button/button-only@2x.png' style='border: none;' width='20'/>
                                  </a>
                                  <script async='async' charset='utf-8' src='https://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'>
                                  </script>
                                </div>
                                <b:if cond='data:top.showEmailButton'>
                                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                                    <span class='share-button-link-text'>
                                      <data:top.emailThisMsg/>
                                    </span>
                                  </a>
                                </b:if>

2015年10月5日月曜日

OSX 10.11 (El Capitan) でUSB <=> RJ45 変換アダプタ (USB 10/100 LAN) が動作しない

OSX を El CapitanにアップデートしたらUSB(2.0)接続のLANケーブル変換アダプタ(Cable Matters社製)が認識されなくなった。

いろいろ調べたところ以下の投稿を発見。

USB 2.0 to Ethernet Adapter not detected as net... | Apple Support Communities https://discussions.apple.com/message/28327141#28327141

上記の以下のコメント、

After downloading and installing these:

http://www.realtek.com.tw/downloads/downloadsView.aspx?Langid=1&PNid=14&PFid=55&Level=5&Conn=4&DownTypeID=3&GetDown=false\

It does finally show up as a USB Ethernet Device...

と記載されていたので、信じて realtek のサイトからOSX (10.10マデ用になっていましたが)をダウンロードしてインストールしたところ無事認識されるように!

よかった!