<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker.jpg" alt="Google Cromeテーマ作成" title="Chrome-Theme-Maker" width="514" height="204" class="aligncenter size-full wp-image-17110" /></p><p>Google トップページに新年の抱負を設定するのならば、テーマ自体もそのようにしてしまいたいところ。</p><p>Google Chromeのテーマを作成するツールには<a class='web-site-link' href="http://www.chrometheme.net/chrome-theme-creator-online.html#" target="_blank">ChromeTheme.net</a>のようなものもありますが、今回ご紹介するのは、画面遷移せずにサクっとテーマを作れるサービスです。</p><!--more--><h3 class='header-label'>Google Cromeのテーマ作成ツール「Chrome Theme Maker」</h3><p>「<a class='web-site-link' href="http://www.chromethememaker.com/" target="_blank">Chrome Theme Maker</a>」は、<strong>ウェブ上でGoogle Cromeのオリジナルテーマを作れる</strong>サービス。</p><p>タブやツールバーなどに色や画像の変更を加えると、都度プレビューが表示されるので、いろいろと考えながら気に入ったテーマを作成することができます。</p>

<h4 class='tips'>プレビューを見ながらテーマを作成</h4>
<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker1.png" alt="テーマ作成" title="Chrome-Theme-Maker1" width="400" height="230" class="aligncenter size-full wp-image-17119" /><br />↑フレームやツールバー、タブ、そして背景を、アップした画像にすることも、色を指定してカスタマイズすることも可能。それぞれ変更を加えるとプレビューが表示されます。</p>

<h5 class='tips'>画像をアップ</h5>
<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker2.png" alt="画像アップ" title="Chrome-Theme-Maker2" width="400" height="324" class="aligncenter size-full wp-image-17118" /><br />↑画像をアップするか、ギャラリーからグラデーション画像を選択して指定することができます。</p>

<h5 class='tips'>カラーコードで指定</h5>
<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker3.png" alt="カラーコード" title="Chrome-Theme-Maker3" width="400" height="542" class="aligncenter size-full wp-image-17117" /><br />↑各部位をカラーコードで色指定することができます。</p>


<h4 class='tips'>サンプルテーマ</h4>
<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker4.jpg" alt="テーマ反映" title="Chrome-Theme-Maker4" width="400" height="348" class="aligncenter size-full wp-image-17116" /><br />↑作ったものをChromeに反映させると、このようになります。</p>

<h4 class='tips'>テーマの反映方法</h4>
<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker6.png" alt="ボタン" title="Chrome-Theme-Maker6" width="400" height="47" class="aligncenter size-full wp-image-17114" /><br />↑テーマを作成したら、画面下にある「Apply Theme」を押します。</p>
<p>ここでCompile and Download」を押すと、crx形式のテーマファイルをダウンロードすることもできます。</p>

<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker7.png" alt="続行" title="Chrome-Theme-Maker7" width="400" height="24" class="aligncenter size-full wp-image-17113" /><br />↑「Apply Theme」ボタンを押すと、ステータスバーに画像のような注意が出るので「続行」を押します。</p>

<p><img src="http://web-marketing.zako.org/images/2011/01/Chrome-Theme-Maker5.jpg" alt="Chromeオリジナルテーマ" title="Chrome-Theme-Maker5" width="400" height="312" class="aligncenter size-full wp-image-17115" /><br />↑するとテーマが反映されます。</p>

<p>興味のある方は<a class='web-site-link' href="http://www.chromethememaker.com/" target="_blank">Chrome Theme Maker</a>へどうぞ。</p>
<p>Googleのホームページよりも、ブラウザと新しいタブのページを見る機会のほうが多いわけですから、Google Cromeのテーマ自体を自分の夢や目標に合わせたものにするべきかもしれませんね。</p>

<p>Via:<a class='web-site-link' href="http://www.delicious.com/url/4f52f8663cb03558b7220888fe93b771" target="_blank">delicious</a></p>
