ブログでiPhoneのホーム画面を紹介する方法

iPhone 4's Retina Display v.s. iPhone 3G
ブログのサイドバーにiPhoneホーム画面を追加しました。

photo credit: Yutaka Tsutano via photopin cc



iPhoneホーム画面とアプリの紹介


iPhoneホーム画面と使用しているアプリを紹介したければ、 appetite.ioがお勧めです。ホーム画面をスクリーンショットで撮影し、それをサイトにアップロードするだけで、個別ページが出来上がります。




Tips



カッコイイ影付き画像を作成する


もしかっこいい影を画像に貼り付けたい場合は、当該サイトから以下の部分をドラッグ&ドロップします。そして、画像を保存し、貼り付けたい画像に合成させれば、カッコイイ影がついたiPhone、その他のスマホ画像の出来上がりです。




ブログのサイドバーに貼り付ける


ホーム画面をアップロードしてできたページをスクリーンショットで撮影し、撮影した画像をリンク付きでサイドバーに貼り付けます。Bloggerの場合は、 管理画面 > レイアウト > ガジェットを追加 から HTML / JavaScriptの設定を選択します。

<img src="ここに画像URL" />
<font size="1"><br /><p  align="right"><a href='ここに作成されたURL' >appetite.io</a></p></font>