ねこせつ~猫でも分かるPCソフト解説

パソコン初心者にも分かりやすい解説サイトを目指します。動画の保存方法からEvernoteなどのクラウドアプリやFreeMindなどのフリーツールまで

スポンサーサイト

画像はクリックすると拡大できます
リンクフリーです。記事への直リン歓迎。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

この記事を共有しませんか?

よければご意見をお聞かせください。

ご訪問ありがとうございました!

これに関連する記事

あわせて読みたい
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

Evernoteサイトメモリー(クリップボタン)をFC2ブログに設置する(その1)

画像はクリックすると拡大できます
リンクフリーです。記事への直リン歓迎。

Evernoteサイトメモリーボタン一覧
こんなクリップボタンをFC2ブログに設置する方法を解説いたします。
ちょっと長くなるので記事を2回に分けています。
第1回はサイトメモリーの作り方です。第2回は個別の記事をIDで囲む方法です。

サイトメモリーとは

コンテンツ(サイト内容)をEvernoteユーザーに簡単に保存してもらうボタンです。

サイトメモリー(クリップボタン)があれば、
閲覧者も「このサイト便利!」って更新のたびにまた来てくれるかもしれません。
ユーザビリティと単純なアクセス数を天秤にかけてみてください。

Evernoteってなに?って方はこちら
何でもメモできてケータイでもパソコンでも見れる Evernote

1.Evernoteサイトメモリーを作成

Evernoteのサイトメモリーへの直リンクです。
Evernote公式サイトメモリー

Evernoteサイトメモリー

下の方にサイトメモリー設定があります。
Evernoteサイトメモリー設定画面

ここで設定に必要なのは3つだけです。
・ボタンのデザインを選ぶ
・WEBサイト名を入力する
・クリップしてもらいたい場所のID名を入力する


他は別に指定しなくて大丈夫です。
ユーザビリティ的に考えてタグとかノートブック名とかは利用者側が指定するものです。

2.Evernoteサイトメモリーを設置する

設定が終わったらJavascriptコードをテンプレートにコピペしましょう。
テンプレートをいじるときは「複製」でバックアップをとっておくといいです。
また設置場所はFirebugで位置を確認するとやりやすいと思います。
CSSスタイルシートの調整が簡単になるFirefoxアドオン Firebug

コードの設置が終わったら次にID属性をテンプレートに仕込みます。
とりあえずページ全体を囲んでテストしてみましょう。

ID名をkijiにした場合
<body>の直後に<div id="kiji">
</body>の直前に</div>を入れてください。
ID名はサイトメモリー作成時に入力したやつです。

3.実際に動作確認をする

テンプレートにコピペが終わったら実際にブラウザからアクセスして試してみましょう。
クリップしてみる
Evernoteサイトメモリー追加

とりあえずタイトルとソースURLが正しければOK。
「テキストを追加」の部分はユーザーがメモする欄です。

ちゃんとIDを指定していればこんな風にEvernoteに追加されます。
Evernoteサイトメモリー追加結果
画像は記事の中身だけがノートに追加されてますが、
手順どおりにやってればページまるごと(タイトルロゴもメニューも)ノートに追加されてるはずです。
とりあえずそれでもいいんですが、せっかくなので記事の中身だけをノートに追加してもらうようにしましょう。

次回は個別記事にIDを設定する方法を解説いたします。

ありがとうございました。

FC2ノウハウ

この記事を共有しませんか?

よければご意見をお聞かせください。

ご訪問ありがとうございました!

これに関連する記事

あわせて読みたい

テーマ:web制作 - ジャンル:コンピュータ

  1. 2011/02/21(月) 17:45:44|
  2. FC2ブログノウハウ
  3. | トラックバック:0
  4. | コメント:2
<<Evernoteサイトメモリー(クリップボタン)をFC2ブログに設置する(その2) | ホーム | ブラウザのEvernoteにもっと簡単にサインインする方法>>

コメント

mina777さん
そう言っていただけると励みになります。ありがとうございます。
ブログ拝見しましたが、すごくスタイリッシュですね。
コメントいただけるのが恐れ多いくらいです。
  1. 2011/02/28(月) 22:45:07 |
  2. ラキ #-
  3. [ 編集 ]
Evernoteを使ってみようと思っていた矢先でしたので、とても参考になりました。
  1. 2011/02/28(月) 21:55:08 |
  2. mina777 #QvfgIWC6
  3. [ 編集 ]

コメントの投稿

トラックバック

トラックバック URL
http://nekosetu.blog103.fc2.com/tb.php/54-004a9c09
この記事にトラックバックする(FC2ブログユーザー)

調べたいキーワードで検索

ブログ内の全記事を表示する

RSS/ソーシャルブックマーク登録

RSSを購読するとサイトの最新情報が分かります。「リアルタイムお気に入り」みたいな。

RSSリーダーで購読する

ソーシャルブックマークは「共有お気に入り」です。どちらも便利なので是非一度試してみてください。

みんなが読んでる記事

最新記事

カテゴリ

人気記事まとめ (2)
このサイトについて (2)
ネットラジオ (3)
Dropbox (5)
テキストエディタ (1)
画像を保存ダウンロード (2)
動画を保存ダウンロード (11)
動画の編集・再生 (7)
デスクトップのカスタム (8)
Evernote (10)
Firefox (9)
マインドマップ (5)
秘密を管理する (6)
FC2ブログノウハウ (5)
WEB製作 (2)
IT用語 (1)
XAMPP (3)
WordPress (6)
CMS (6)
節電・節約・エコ (3)
未分類 (3)

プロフィール

ラキ

Author:ラキ
パソコン初心者にも分かりやすい解説サイトを目指します。動画の保存方法からEvernoteなどのクラウドアプリやFreeMindなどのフリーツールまで。ご質問や、ご意見等はコメント頂ければ可能な範囲でお答えいたします。
若輩者ですがよろしくお願い致します。

メールフォーム

名前:
メール:
件名:
本文:

他にもPC解説サイトを見てみる
人気ブログランキングへ
にほんブログ村 IT技術ブログ ソフトウェアへFC2ブログランキング

相互リンク募集!

リンク

ラキの運営サイト

感謝

スポンサー

アクセスランキング

[ジャンルランキング]
コンピュータ
747位
アクセスランキングを見る>>

[サブジャンルランキング]
ソフトウェア
96位
アクセスランキングを見る>>

タグクラウド