Blog.IKUBON.com

なにも考えずに名付けたブログが意外に長続き。気の向くままに書いているだけですが

BloggerにiPhone向けサイトを設置するBlogger Touch

7月 6th, 2010

iPhoneやiPod TouchでBloggerにアクセスすると、WordPressのプラグインWPtouchのようなきれいなサイトを簡単に設置するBlogger Touchというサービスがあったので、ぼくのBloggerサイトをモバイル対応にしてみました。

» Blogger Touch

こちらにブログのURLを入力（カスタムドメインにも対応しています）

次にモバイルサイトのURL（iPhoneでアクセスがあった場合の転送先）を設定します。

すると、Bloggerに貼り付けるコードが表示。このコードをコピーして

このコードをBloggerのサイドバーへ貼り付けます。「ガジェットを追加」より

「HTML/JavaScript」を選択

先ほどコピーしたコードをコンテンツにペースト

最後にサイトフィードの設定を「完全」を選択するとできあがり。

トップページ

個別のページ

コードを貼り付けるだけで、iPhoneに対応するのでBloggerユーザーには朗報かと思います。

こちらの記事もどうぞ！

カテゴリー: Web Servise

タグ: Blog, iPhone, WebService コメントする

http://twitter.com/STUDENTS_VOICE STUDENTS VOICE

URLを入力しても、
Url is incorrect (error:501)と表示されてしまうのは何故でしょう。。。
Pingback: ブログからモバイルサイトを作成するMobStac | Blog.IKUBON.com
http://twitter.com/AyatsukiPhone Ayatsuki iPhone4

Bloggerに機能が無いから、使える仕組みではありますね。
一つだけツッコませていただくと、 “WPtouchのような”ではなくて、まんまWPtouchですね。よぉは転送先のWordpressへエントリを全てコピーしてくれてWPtouchの設定も若干できる、という仕様になっています。
Wordpressのサーバをいちいち建てる手間も無く、これはこれでアリですね。ただ、自動的に別ドメインなところへコピーされているんだ、ということは、認識した上で利用したほうが良いと思います。
Pingback: BloggerをiPhone対応にするBlogger Touch | kazunoblog
shiho

さっさく試してみました。
どうやら投稿が1つ以上ないとInternalErrorになるみたいですね。

これで背景画像など設定が出来たら最高なんですが、そこまでカスタマイズできないんしょうか？
Pingback: Blogger ブログに iPhone 用ページを導入する「Blogger Touch」 « Education News & APP
olivia

ありがとう！！こういうの、探していたんです。Mofuse, やZinadoもありましたが、コレは無料なんで、
決めました。できたページはhttp://bloggertouch.appspot.com/olivia8です。
私のブログで紹介しました。11月1日の記事を御覧ください。
http://kemutaro.cocolog-nifty.com
Pingback: HABU’s BLoGがやっとiPhone対応になったぜよ。 | habu001

http://ikubon.com/wp / BloggerにiPhone向けサイトを設置するBlogger Touch