BloggerにEvernote Clipを導入する方法

2011/04/30

Bloggerの各記事の最後にオフィシャルサイトで配布されているEvernote Clipを取り付けてみました。

以下、その手順。

ダッシュボード→デザイン→HTMLの編集
「テンプレートを編集」で、「ウィジェットのテンプレートを展開」にチェックを入れる
<head>~</head>内に

<script src='http://static.evernote.com/noteit.js' type='text/javascript'/>
を記入
<div class='post-header'>や<div class='post-footer'>, <div class='post-footer-line post-footer-line-2'/>の下あたり（好みの位置があると思うので、色々と試してみて下さい）に

<a expr:onclick='"Evernote.doClip({providerName:\"" + data:title + "\", title:\"" + data:post.title + "\", url:\"" + data:post.url + "\"}); return false;"' href='#'>
<img alt='Clip to Evernote' src='http://static.evernote.com/article-clipper.png'/>
</a>
を入力

これだけで完成です。
ちなみに私は<div class='post-footer-line post-footer-line-2'/>直下に書き込んでいます。

Soleil CaCi