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

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

スポンサーサイト

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

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

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

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

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

これに関連する記事

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

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

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

Evernoteサイトメモリーボタン一覧
サイトメモリーをFC2ブログに導入する方法第2回です。

前回のおさらい
・Evernote公式でボタンの設定をする
・ID属性でページを囲む
・動作確認

今回はFC2ブログの個別記事にIDをつける方法です。
1.とりあえずHTMLのIDについて

HTMLのID名とは

例えば <div id="hoge"> hogeのことです。
またIDはHTML内に1つしか使えない決まりになってます。
要するに一つのページに一つしかないものを意味します。
あまりよく分からない方は「とりあえずテンプレ内に一回しか使えないんだな」と思ってください。


IDを指定する理由

Evernoteに「ここからここまでをクリップするよ」を教えるためです。
なので記事を<div id="hoge">記事の内容</div>と囲めばいいわけです。


2.何がいいたいかと言うと

で、ブログって普通は1ページに記事が何個か表示されてるものですよね。
ねこせつ全体像
ここでIDは一つしか使えないのに記事はいくつもあるっていう矛盾が出ます。

3.具体的にやること

ということで個別記事表示のときしか反映されないFC2変数を使います。
具体的には、記事の直前部分に
<!--permanent_area--><div id="kiji"><!--/permanent_area-->

と入れます。ID名は適当に変更してください。タグも半角に直してくださいね。

「記事の直前ってどこやねん」

テンプレートによっても変わってきますが
<%topentry_title>が記事タイトルになるので、この直前あたりがいいと思います。

で記事の表示が終わった部分に
<!--permanent_area--></div><!--/permanent_area-->
でdivタグを閉じましょう。

HTMLタグの確認にはFirebugが便利かと思います。
CSSスタイルシートの調整が簡単になるFirefoxアドオン Firebug

こんな感じで記事全体が囲まれてればOK。
Firebugで位置を確認する

あとはサイトメモリーのJavascriptコードも
<!--permanent_area--><!--/permanent_area-->
で囲めば、個別記事ページ以外では表示されなくなります。

いかがでしたでしょうか?
他のブログにも応用利くので試してみてください。
例えばlivedoorならテンプレートは個別記事用だけをいじればOKです。

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

FC2ノウハウ

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

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

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

これに関連する記事

あわせて読みたい

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

  1. 2011/02/22(火) 18:10:00|
  2. FC2ブログノウハウ
  3. | トラックバック:0
  4. | コメント:0
<<FC2動画を保存する VideoDownloadHelper | ホーム | Evernoteサイトメモリー(クリップボタン)をFC2ブログに設置する(その1)>>

コメント

コメントの投稿

トラックバック

トラックバック URL
http://nekosetu.blog103.fc2.com/tb.php/55-c92fc3a8
この記事にトラックバックする(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ブログランキング

相互リンク募集!

リンク

ラキの運営サイト

感謝

スポンサー

アクセスランキング

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

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

タグクラウド