Tipsの最近のブログ記事

Lightboxはバージョンが2になって導入方法がかなり変わったので、その導入方法についてメモ。

まずは、スクリプトをダウンロード

Lightbox2（英語サイト）

ここで説明されている通りに設置すれば簡単に使えるようになるのですが、スクリプトをトップディレクトリに置いておかないといけません。
それでもかまわないという場合はこちらのサイトに解りやすい解説（日本語）があります。

マイコミジャーナル：ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を

トップディレクトリにごちゃごちゃとファイルを置きたくない場合、スクリプトの設置場所をコントロールしようと思うとそのままでは動作しません。

遅ればせながら小粋空間さんで紹介されていたLightbox JSを導入してみました。
基本的な導入方法は既に紹介されていますので、ほんの少しだけ応用して導入してみようと思います。

元記事はこちら・・・小粋空間：Lightbox JS で画像を表示する

左はMovableTypeの標準機能のポップアップで、右がLightbox JSの動作です。

1．スクリプトの入手

ダウンロードするファイルはJavaScriptのファイルとスタイルシート、そして画像ファイルが3つです。

zRyuさんのZakimi::Blogで紹介されていた、Googleのページランクをウェブサイトに表示させる方法です。

Zakimi::Blog：GoogleRankingを表示してくれるサービス

PageRank On

今まではSearch Engine Optimization - PageRank（英語サイト）というサイトのサービスを利用していました。

PageRank Onは日本語サイトですし、表示させるバナーの種類も7種類ありますのでデザインに合わせて選ぶことができます。

1. 自分のサイトのURLをボックスに入力して、「ページランクをチェック」ボタンをクリック。
2. バナーが7種類表示されますので、お好みのバナーをクリックするとソースが表示されます。
3. そのソースを自分のサイトの好きな場所にコピペすればOKです。

（3/10追記）
こちらでもサービスを提供されています。
1gs.net