BloggerにImageZoomerを埋め込む!

私が以前作成したImageZoomer。ページ上の画像をクリックするとその画像が飛び出す仕掛けだ。
注意テンプレートにDynamicViewを使っているブログには、現状導入できません。

導入法


- Step.1
下のコードをコピー

- Step.2
ダッシュボード設定ページ

"レイアウト"内の"ガジェットを追加"をクリック。基本ガジェット一覧の中からHTML/JavaScriptガジェットを選択する。





-Step.3

ガジェットのコンテンツ内にコードを貼付け、"保存"をクリック。
このガジェットは、なるべく下の方に配置したほうが良いと思う。ウィンドウ右上の"配置を保存"をクリックしてブログに適用する。


- Step.4
念のため、metaタグを組み込む。このタグでscript言語の種類を定義する。次のコードを一行まるまるコピー。
<meta http-equiv='content-script-type' content='text/javascript'/>

"テンプレート"内の"HTMLの編集"をクリック。警告には"続行"をクリックで対処。<head>というタグを探す(上方にあると思う)し、その<head>の直ぐ下にさっきコピーしたmetaタグを貼り付ける。貼り付け終えたら"テンプレートを保存"をクリックして適用しよう。metaタグは、最近のブラウザなら、組み込まなくとも動作上問題ないはずなのだが、組み込み推奨タグなので組み込んでおいた方が無難だと思われる。



以上で導入完了!



さっそく自分のブログにアクセスして、記事内のリンク付き画像をクリックしてみて欲しい。画面の中で、画像が飛び出ただろうか?

- フィードバック
問題があったら報告をお願いする。
未確認情報でもなんでも、問題や不具合が発生したら報告して欲しい。
可能な限り調査して、対処法を追記していく。
報告はコメントか、もしくはページ最下部の"フィードバック"まで
7282446001105965123 https://www.storange.jp/2012/02/bloggerimagezoomer.html https://www.storange.jp/2012/02/bloggerimagezoomer.html BloggerにImageZoomerを埋め込む! 2012-02-09T00:06:00+09:00 https://www.storange.jp/2012/02/bloggerimagezoomer.html Hideyuki Tabata 200 200 72 72