風のまにまに号
最近のBlog回りの変更で、トップページに「Paipo Reader」のティッカーと「moblo」の最新エントリーを設置しました。Paipo Readerのティッカーは登録してあるBlog等の新着情報を表示してくれるツールですが、今のところ自分のBlogの「Recent Entry」だけを表示するティッカーとして使わせてもらっています。それだけの用途だったらほんとはRSSリーダーである必要もないので、そのうち自分で代わりのティッカーを作って直接MTのテンプレートを読み込ませたいと思っています。
「moblo」はケータイから写真と記事を手軽に投稿できるASP型のmoblogサービスです。昨日は駒場公園の由緒正しい前田邸と、東北沢界隈の銭湯「山の湯」の辺りを散歩してきたので、早速その様子をmoblogしまくってみました。
このmobloの最新エントリーのサムネール画像を自分のBlogのトップページに埋め込んでいる人が多かったので、自分もやってもたいと思っていろいろ調べてみたのですが、FAQなどにも書かれていないので最初なかなかやり方が分かりませんでした。なので、この場に埋め込み手順を書き残しておきたいと思います。せっかく便利なサービスでも、こういう細かい使い勝手が分からずに導入を断念してしまう人が結構いると思うので、参考にしていただければ幸いです。
mobloの設定方法
- mobloの新規登録ページからケータイに空メールを送って、ログインIDとパスワードを取得。
- mobloトップページからログインして「Blog作成」
- 「MyBlog 一覧」画面で「エントリ登録アドレス送信」をクリックすると、ケータイから写真や記事を投稿するためのメールアドレスがGETできます。
Blogのトップページに埋め込む方法
mobloにログインして「MyBlog 一覧」→「設定」で「公開」のところを「する」にチェックしてやると、先ほどの「MyBlog 一覧」で新しく「埋め込みスクリプト」というボタンが出現します。
このボタンをクリックすると、別ウィンドウで貼り付けるためのHTMLソースが出てくるので、これをコピー＆ペーストして自分のBlogのトップページ（Movable Typeの場合はMain Index）に挿入すればＯＫです。「埋め込みスクリプト」には、UTF-8・EUC_JP・ShiftJISの文字コート別と、表示スタイル別に「パターン1」と「パターン2」があります。そのまま貼り付けると、文字のスタイルが指定無しになってしまうので、MovableTypeのデフォルトテンプレートの場合だったら、<div class="side">などで囲ってあげると見栄えが調度良くなります。
サンプル（風のまにまに号moblogの最新エントリーを表示）
<div class="side">
<script type="text/javascript" src="http://moblo.jp/pc/ctrl?action=BlogInfoForScript&blog_id=813"></script>
</div>
moblog.uva.ne.jpとの比較
もちろんMovable Typeを使っている場合には「moblog.uva.ne.jp＋Movable Type」の組み合わせでやれば、自由なデザインテンプレートに流し込んで、アップ後の画像ファイルも自分のサーバに残すことができるのですが、他のBlogのトップページに埋め込む際に、本体の方のMain indexがリビルドされない限り最新の写真が表示されないというデメリットもあります。これを回避するには、別途PHPや自動的にリビルドしてくれるcgi等を連携させなければなりません。私の場合、今回のmoblogはあくまで日常のひとコマをその都度垣間見せる「フロー的」なコンテンツで良い、と考えていたのでとりあえずASP型のmobloを採用させてもらいました。mobloの「埋め込みスクリプト」はJapascriptでmoblo側のサーバプログラムを呼び出しているので、更新状態に関してはおまかせで安心していられます。
その辺を総合的に判断して使い分けるといいのではないでしょうか？あとはどちらもサービスのトップページに新着エントリーの画像が次々と露出される、というポータル的な機能が共通して付随してきます。
はじめまして。
mobloで検索してたどり着きました。
blogに埋め込む方法が分からず、ほったらかしの状態でした。。。
大変助かりました！
どうもありがとうございます！
まりもさんのエントリーにコメント書いたのですが、タグがうまく反映されなかったので、こちらにもう一度書いておきます。
JUGEMのテンプレートに埋め込む場合は、
<div class="linktext">
mobloのスクリプト
</div>
のように記述すれば、フォントサイズも小さくなるのではないでしょうか？
youthkeeさん、お陰様でフォントが小さくなりました。
どうもありがとうございました♪
初めまして、マイぷれすで日記サイトを運営しております。
mobloの埋め込みには成功したのですが
まりもさんと同じく、フォントサイズが小さくなりません。
お忙しい所申し訳ありませんが、もしおわかりになりましたら
お教え下さいませ。
flowermanさん、こんにちは。ページの方、拝見しました。どうもCSSがうまく効いてないみたいですね。一番早い解決法としては、ヘッダのCSS定義のところに、
.menubody2 td {
FONT-SIZE: 10px
}
のように書き足してあげたら文字が小さくなりました。もっと根本的な直し方があるかもしれませんが、とりあえずそちらで試してみてもらえますか？