2012年9月9日日曜日

259 エントリタイトル下にEvernoteクリップボタンを付けました

やっと、念願のEvernoteクリップボタンを付けることができました。
これまでどうやってもうまく行かなかったところ、大阪で@fujimottaさんにお会いした際に教えてもらった方法でやってみたらうまく行きました。またまた@fujimottaさんには足を向けて寝られない〜。ありがとうございました。

いや、なんといってももの書き写真堂本人がいちばん嬉しい。←をい。
レイアウトが崩れた時の修復用や単純に保存用としてクリップしていたのだが、あるときから(たぶんやまらいおんになってから)選択してコピペだと、下地の色がべったりついてペーストされてしまうようになったのだ。
これではコピペしてくれる人にも申し訳ない。少なくともEvernoteに貼り付ける方法、すなわちクリップボタンを装備できないものかと。

そこでPCインストラクターもされている@fujimottaさんならご存じかもとおたずねし、隣で教えてもらいつつ作業すること10分未満。だが、ブログのテンプレートをいぢるので恐る恐る、及び腰で作業。もちろんバックアップは取ってあるけど、それでも怖いものは怖い!
でも、さくっと装備完了!うまくいってよかったぁ。

ただ、@fujimottaさんも参考にしたというサイトのページが消えており、@fujimottaさんの記録(Evernoteだっ)を元に実施した今回のBloggerでの作業行程を書いておきまし。Bloggerな人の参考になれば。

1.Bloggerのマイページを表示し、「テンプレート」をクリック。



2.画面右上の「バックアップ/復元」をクリックして現在のテンプレートを保存(Safariのアイコンが飛び出してDockのダウンロードに収納)したら、「HTMLの編集」をクリック。



3.別ウィンドウで警告文が現れるが、「続行」をクリック。




4.表示されたウィンドウのHTMLの<head>と</head>のなかに、
<script src='http://static.evernote.com/noteit.js' type='text/javascript'/>
を記入する。


5.今回はエントリタイトルの下に入れたいので、<div class='post-header'>の下に、

<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>

を記入する。

6.プレビューボタンをクリックして確認し、OKだったら「テンプレートを保存」をクリック。


以上。

※注意事項※
動作環境はOS X 10.8.1 Safari 6.0です。
大丈夫だと思うけど、万が一のため、自己責任で行ってください。

0 件のコメント:

コメントを投稿