dh memoranda

基本的な使い方は簡単です。表示したいウェブページに、以下のコードを張りつけるだけです。

<script type="text/javascript" src="http://moblog.uva.ne.jp/moblog.js"></script>

見た目はCSSを使って変更することができます。上記のように見せるには、次のように設定します。

.moblog-image {
	color: #333;
   	margin-right:-1px;
	font-size: 10px;
	padding:2px;
	text-align:right;
	float:left;
	border:1px solid #ccc;
	background-color: #fff;
}
.moblog-powered {
	color: #eeeeee;
	font-size: xx-small;
}

.moblog-title {
	color: #000000;
	font-size: small;
}

簡単に説明すると、全体が moblog-image クラスで囲まれ、エントリーのタイトルと Power by がそれぞれ moblog-title, moblog-powered になります。

漢字コードですが、なにも指定しないときは utf-8 になってしまいますので、EUC-JP や Shift_JIS の方はcに、自分の利用したいエンコードを設定します。次のようにしてください。

<script type="text/javascript" src="http://moblog.uva.ne.jp/moblog.js?c=euc"></script>

(EUC-JP のとき)

<script type="text/javascript" src="http://moblog.uva.ne.jp/moblog.js?c=sjis"></script>

(Shift_JIS のとき)

imgタグに設定する画像を表示する幅、もしくは高さを指定することができます。幅を指定したいときは width=100 などと、高さを指定したいときには、height=100 などと指定します。サイドバーに表示したいときには幅を設定するとよいでしょう。次のように指定します。

<script type="text/javascript" src="http://moblog.uva.ne.jp/moblog.js?c=euc&width=100"></script>

(EUC-JPで幅を100pxにしたいとき)

また、特定のウェブログだけの最新モブログエントリーを表示したいときは url を指定します。自分のウェブログの url を指定すれば、SSI やら MTInclude なんて苦労をせずに、簡単に最新モブログを張りつけられますし、逆に気になる人のモブログをじっとみる、なんてのもいいかもしれません。一緒のドメインを使っている人で一緒の窓を使うこともできますね。

<script type="text/javascript" src="http://moblog.uva.ne.jp/moblog.js?url=uva.jp/dh/mt&width=100"></script>

(幅が100px で url に "uva.jp/dh/mt" を含むもの)

これらの機能で表示されるモブログは public のところに「Pubilc」設定していただいている方のモブログだけです。また、一番下に「Powered by Moblog gw」と表示するようにさせていただきましたが、「気にいらん」「どうしても消したい」、って方は、CSSで次のように設定してください。

.moblog-powered {
	display: none;
}

では、今後も引き続きご愛顧いただきますよう、よろしくおねがいします。