で、以下に導入方法を紹介します。ですが、あくまで自分がFC2のブログに設定した方法ですので、まねしない方が良いかもしれません
。
１ まず、
snap shotsのサイトにアクセスします。
２ 次に「Publishers / Bloggers」と「Advertisers」と「End Users」から
「Publishers / Bloggers」の
をクリックします。
３ するとsnap shotsの設定画面になります。ここでは
(1)Choose a Color Themeでふきだしの色を決めます。
(2)Select Your Shots LanguageでJapaneseを選択します。
(3)Advanced Settings を設定します。<
ここが一番重要みたいです>
□Show Snap Shots Link Icon
□Trigger Snap Shots on Link Icon Only
□Display Large Snap Shots by Default
□Enable Snap Shots for External Links
□Enable Snap Shots for Internal Links
□Only Display Preview Shots What is this?
□Enable Snap Shots to look for key phrases on your web site,
and then add the right Snap Shots. にチェックマークを入れるのですが、自分の場合は、1番目と4番目にチェックマークを入れてます。
全て入力し終わったら、この→ボタンをクリックします。
４ 次の画面では、ユーザー情報を入力していきます。
(1)Enter Your Account Detailsでは、上からメールアドレス、ブログのURL、パスワード、もう一回パスワードを入力します。
(2)Terms & Conditionsでは、□I agree to Terms & Conditions above.にチェックマークを入れて、この→ボタンをクリックします。
５ 次の画面でソースコードをゲットします。
Get Your Codeのところに記載されているソースコードをコピーします。
例えば
＜script type="text/javascript" src="http://shots.snap.com/ss/**････････**/
snap_shots.js">＜/script＞などと、なっています。
**････････**の部分は英数字が並びます。
６ 次にブログのテンプレート管理画面を開きます。
ここで、HTMLの編集画面を表示し、＜head＞〜＜/head＞の間で右クリックし、先ほどコピーしたソースコードをコピーします。
で、この後、「さすが!と言わせる 続・FC2ブログ徹底攻略術」によれば、コードを書き換えるようになっているのですが、さきほどコピペしたソースコードには該当部分がありません。そこで、そのままテンプレートを更新したのですが、やっぱり、うまく動きませんでした。
そこで、色々ネットで調べていると「charset=UTF-8」という文字列を加えないとうまく動かないと書いてありました。
そこでネットでの教えに従い、先ほどのソースコードに 「charset=UTF-8」を加え、
＜script type="text/javascript" charset=UTF-8 src="http://shots.snap.com/ss/**
････････**/snap_shots.js">＜/script＞としたらうまくいきました。
７ 最後にsnap shotsが動作する対象を設定します。
現在の設定では、snap shotsが動作する対象を指定するように（２(3)で4番目にチェックを入れていることで）設定してますので、動作する対象を指定しなければなりません。自分の場合プラグインのリンクの部分だけに設定しています。
その設定方法です。
「プラグイン管理画面」から「リンク プラグイン編集画面」を表示し、【HTMLの編集】をクリックします。そこで、class="snap_preview"との内容を下記の部分に入力します。
＜ul>
＜!--link-->
＜li &align>＜a href="＜%link_url>" class="snap_preview" title="＜%link_name>" tar
get="_blank">＜%link_name>＜/a>＜/li>
＜!--/link-->
＜li>＜a href="./?admin">管理者ページ＜/a>
＜/ul> これで、
snap shotsが動くはずです。
snap shots
