劇的ブログ変身！ | オリジナルヘッダー画像作成屋

ヘッダー画像の設置方法２

Wed, 07 Sep 2011 17:19:32 +0900

Sep 2011

どうも、★Blacklion★です。

前回の「ヘッダー画像を設置する方法」の続きです。

前回の記事→ヘッダー画像の設置方法１

さて、前回はCSSを編集する直前まで説明しました。
ここからが本番です。気合入れて下さいねwwww

「ブログデザイン適用完了」まで進みましたね。
今開いているページ内の「CSSの編集をする」をクリックします。

「CSSの編集」ページを開いてまずすることは、
ヘッダー画像をアップロードする事です。

「ブログデザインヘッダ・背景用画像の追加」という所で、
ヘッダー画像に使おうと思っている画像をアップロードします。

「ファイルを選択」をクリックすると、
アナタのパソコンの中の画像を選択出来るようになりますので、
ヘッダー用の画像を選択します。

画像を選択すると自動的にこの画面に戻ってきますので「アップロード」をクリック。

アップロードされると画像のサムネイル（縮小画像）と、
その下に「この画像のパス」が表示されます。

このパスがインターネット上で世界中誰でも見ることが出来るヘッダー画像のURLです。
メモ帳（Windowsのソフトね）やワードなどにコピペしてメモしておきましょう。

その画像の下に「現在使用中のブログデザインCSS」という所があります。
ここに書かれている物を実際に編集して「ヘッダー画像」を表示させます。

気を付けないといけない事はここに書いていますが、
編集をして「保存」をする前に「表示を確認する」事が大切です。
こまめに確認すれば、ミスを減らしてくれますし、
ミスした時も直前にどこを触っていたのかも思い出しやすいためです。

cssはデザインを変更しますので、やり方によっては広告を消す事も可能です。
これは「規約違反」に該当する可能性がありますのでやらない方がいいです。

今回使用したテンプレートでは「3-2 ブログヘッダー」と書かれている所を編集します。

.skinHeaderArea｛｝ここに先ほどメモしておいた画像のURLを書きます。
でもこれ、とても不親切ですね。

.skinHeaderArea{http://wwww.ameblo.jp～blogheader.jpg}

↑これじゃあ適用されません。エラーになり他の部分にも影響が出てしまいます。

.skinHeaderArea{
background-image:url(http://wwww.ameblo.jp～blogheader.jpg);
}

正しくはこう書きます。

.skinHeaderAreaはブログヘッダーの要素の「セレクタ」と言います。
background-imageは背景画像の事でこの部分を「属性」と言います。
url()はそのURLを指定する書き方で、ここは「値」と言います。

セレクタ { 属性 : 値 ; }

これが基本的な書き方です。
この形を崩す事は出来ません。

まずはここまで編集してみて、どういう風に見えるかプレビューで見てみて下さい。
アナタのブログにヘッダー画像がきちんと表示されていますか？？

色々な問題がありませんでしたか？？

ここでよくある問題点とその解決法を書いておきます。

問題点１：ヘッダー画像が繰り返して表示される。

解決法：

CSSの決まりとして、何も指定しなければ基本的に画像はその範囲で繰り返し表示されます。

繰り返したくない場合は、

background-repeat:no-repeat;

とセレクタ｛｝の中に書きます。
つまり、

.skinHeaderArea{
background-image:url(http://wwww.ameblo.jp～blogheader.jpg);
background-repeat:no-repeat;
}

設置したい要素の大きさに合わせた画像を用意する事も重要です。

問題点２：画像が切れている。

解決法：
これはその範囲と画像が合っていない（画像の方が大きい）ため起こります。

今回使用したテンプレートでは、何も指定しなければ、
横幅が980px、高さが105pxです。
横幅は問題無いとは思いますが高さの指定は行いましょう。

.skinHeaderArea{
height:300px;/*高さ300pxの画像を使用する場合*/
}

こう書く事で、横幅980px、高さ300pxの範囲が確保されます。

これらを簡略化して書く事も出来ます。

.skinHeaderArea{
height:300px;
background:url(http://wwww.ameblo.jp～blogheader.jpg) no-repeat;
}

問題点３：ブログのタイトル、説明文が画像にかぶっている。

解決法：
これは要素の「背景」に画像を設定していますので当たり前といえば当たり前です。

解決法が多数ありますが、

全て非表示にしたい場合は、

.skinBlogHeadingGroupArea｛　/*今回の場合はここ*/
display:none;
}

個別に非表示にしたい場合は、

.skinTitleArea｛　/*ブログのタイトル*/
display:none;
}

.skinDescriptionArea｛　/*ブログの説明文*/
display:none;
}

表示する事を見越してそれに合わせた画像を用意するという手もあります。

また、表示はしたくないが範囲は残したいという場合があります。
範囲を残すという事は目に見えないがリンクを存在させたりする場合です。

.skinTitleArea a｛　/*ブログのタイトル*/
text-indent:-9999;/*数字は何でもいいですが画面の外に追いやる位の数字で*/
width:980px;/*横幅980pxの範囲を残す場合*/
height:300px;/*高さ300pxの範囲を残す場合*/
}

この場合の横幅と高さは画像の横幅と高さに合わせるのが通常です。

さて、どうでしょうか？？
アナタのブログはヘッダー画像がキレイに入った素敵なブログになりましたか？？

どうしても出来ないよという方はご質問等も受け付けています。
また、個別に設置フォロー（電話やスカイプ）も行っております。

ヘッダー画像以外の事に関しても何なりとご質問下さい。

また、「CSS」にはここに書いていない要素に対してもデザイン出来ます。
その場合は、一番下に書いていくのがわかりやすいかなと思います。

「CSS」の決まりとして、後の方に書いてある事が優先される。
というのがあります。

つまり同じ要素に対して違う設定をしていたとしても、
後の方に書いてある事が適用されというわけです。

少しややこしかったかもしれませんが、
ぜひチャレンジしてみて下さい。

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

ヘッダー画像の設置方法１

Wed, 07 Sep 2011 17:15:05 +0900

Sep 2011

ホームページの制作もやったりしてます★Blacklion★です。
ですのでブログの更新が疎かになってしまっています。（はい、言い訳です）

本日は、「ヘッダー画像」についてとても初歩的というか、
これを知っておかないと使えないぜ！って事を書きたいと思います。

それでいて、結構お問い合わせでも頂く内容です。

「ヘッダー画像の設置方法」です。

順を追って説明しますが、使っているテンプレートや他のブログサービスなど
仕様や要素名（これは後で説明します）などが違う事がありますが、
基本的には同じですので、参考にして頂ければと思います。

まず今から説明する条件についてですが、

・「ヘッダー画像」については既に画像を準備している物とします。
・アメーバブログの「css編集用デザイン」テンプレートを使用します。
・長くなりますので２回に分けて説明します。

それでは説明していきます。

使用するテンプレートを選択する。

アメーバブログの管理画面より
「ブログを書く」→「デザインの変更」と進みます。
するとブログデザインを探すという所に「カスタム可能」というジャンルがありますので
それを選択します。

「カスタム可能」デザインの中から今回は「CSS編集用デザイン」というのを選択します。
カーソルを持って行くと「表示を確認する」と出ますのでそのままクリックします。

すると画面が切り替わり「ブログデザインの表示確認・レイアウト変更」と出ます。

下にプレビューが出ていますのでそれを参考にお好みのレイアウトを選択して
「適用する」ボタンをクリックします。

すると「ブログデザイン適用完了」というページに画面が切り替わります。
一度自分のブログを見てみて下さい。適用されていますか？？

次の画面では実際に「CSS」の編集を行いますが、
その前に「CSS」について少し説明します。（知ってるよって方は飛ばして下さい。）

CSSの説明を見る

ほとんどのホームページやブログサービスなどWEB上で見られるページは
「HTML」という言語で構成されている事がほとんどです。

難しい事は抜きにして「HTML」では細部まで一括してデザインを指定する事が困難なため、
「CSS」という別ファイルを読み込んで適用させています。

そうする事で「HTML」の簡素化と複数ページにおけるデザインの統一が簡単に可能となります。

「HTML」には「要素」と呼ばれるマークアップが行われています。
「ヘッダー画像を表示する場所ですよ」とか
「サイドバーを表示する範囲ですよ」などという目印を付けています。

その目印の事を「要素」と呼んでいて、
その「要素」に対してデザインを加えていく方法がほぼ主流だと思います。

つまり、「HTML」という家があるとすれば「CSS」は内装の役割ですね。

例えば、マンションを建設したが骨組みだけで内装が出来ていないとう時、
「玄関」や「キッチン」、「和室」などという「目印」がある事で、
マンション全体でその「目印」ごとに決められた内装工事が出来ます。

この「目印」が無いと全体を通して統一性のある内装には決してならないでしょう。

少しご理解頂けましたでしょうか？？

それでは実際の「CSSの編集」は次の記事で。

次の記事へ

★Blacklion @ LionworksJapan★

ファイルの関連付けが出来ない！

Fri, 02 Sep 2011 23:46:23 +0900

Sep 2011

不謹慎ながら台風にワクワクしている、★Blacklion★です。
ただのガキんちょですｗｗ

さて、今日はちょっとした小技をご紹介します。

自分はホームページの作成や他の仕事の色んな場面で、
「サクラエディタ」というソフトを使っています。とても重宝しています。
Windowsのメモ帳やWordなどと少し違いますが仲間のようなソフトです。

このソフトとても優秀なのですが、
今までファイルを開く時には「右クリック」をしてから
出てきたメニューの中にある「SAKURAで開く」を選択して開いていました。

これがなんてことは無い動作ですが、「めんどくさい！！」

ソフトが起動していればドラッグ&ドロップで開く事も出来ますが、
出来れば「ファイルをダブルクリック」で開きたい！！

そう思った時の普通の流れは

「右クリック」→「プログラムから開く」→「ソフトを選択」
→「この種類のファイルを開く時はいつもこれを使う」

言い方なんかは違うかもしれませんが、こうですね。

これを「規定のファイルの設定」「ファイルの関連付け」などと言います。

この「ソフトを選択」する際に目当てのソフトが選択できない時があります。
自分はJavascriptのファイル「.js」をこの「サクラエディタ」で開きたいと
思ったのですがどうやっても出来ませんでした。
（プログラムを参照して選択してもファイルは開かないし一覧には出てこない）

で、ググッてググッてググったら出来る方法がありました。
とても単純ですが「レジストリ」というPCのめっちゃ大事な所を触りますので、
くれぐれも自己責任で行って下さいね。

では、その方法を説明します★
（Windows7での操作方法ですので他OSの方は若干違いがあります）

・まずスタートメニューをクリックして
「プログラムとファイルの検索」欄に「regedit」と入力します。

・次に「regedit.exe」というファイルを右クリックして
「管理者として実行」をクリックします。

途中「ユーザーアカウント制御」のメッセージウインドが現れ、
実行の許可を尋ねてくる事があった時は、「はい」をクリックします。

・レジストリエディターが開いたら（エクスプローラーのような外観）
左側のフォルダツリーの中から[HKEY_CLASSES_ROOT\Applications]を開きます。
「HKEY_CLASSES_ROOT」をクリックし、キー名「Applications」を探しクリックします。
「Applications」内に目的のプログラム名を探して右クリックメニューで削除します。
下の画像では、テキストエディタの「sakura.exe」を削除している所です。

・削除が完了したら、レジストリエディタは終了させます。
開きたいファイルを右クリックして、出てきたメニューの中から
「プログラムから開く」をクリックします。

・プログラムの一覧から開きたいプログラムを選択します。
左下の「この種類のファイルを開くときは、選択したプログラムをいつも使う」のチェックを付けておきます。

・開きたいプログラムが一覧に無い場合は右側の「参照」ボタンをクリックしてプログラムファイルを選択します。
通常は「ローカルディスクＣ」内の「ProgramFiles」内にあると思います。探して下さい。
プログラムの実行ファイル「sakura.exe」を選択して「開く」をクリックすると「サクラエディタ」でファイルが開きます。

今後は同じ種類のファイルを開く時は「ダブルクリック」だけで「サクラエディタ」で開いてくれるようになりました★

今回は「サクラエディタ」を例にご紹介しましたが、
他のソフトでもこの方法を使えば問題解決されそうです。

何度も言いますが、「レジストリの変更等は自己責任でお願いします」

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

れいちぇるん♥

Sun, 21 Aug 2011 00:13:22 +0900

Aug 2011

記事を書いたつもりが公開し忘れていた★Blacklion★です。
こんばんは★

先日（と言っても1ヶ月ほど前・・・）にヘッダー画像を納品させて頂いたお客様に
ブログでご紹介頂きました★

ありがとうございます★☆★

レースクイーンならぬレースアイドルという新しいアイドルグループ（？）
「CutieJewel キューティジュエル」という所に所属してて、
ちょっと自分にはなかなか縁の無い方なのですが、
さすがアイドルというか、とても可愛らしく、
若い子の割に（失礼か・・・汗）とてもきちんとしたやり取りで感動しました★

その子は「岬　玲華」という名前で活動してるモデルさんです★

ブログ：岬玲華ｵﾌｨｼｬﾙﾌﾞﾛｸﾞ(。・ω・。)♪
ＵＲＬ：http://ameblo.jp/cheer3241/

ブログにたくさん写真が載っているんですが、
表情一つでクールにもキュートにも見える不思議な魅力のある子です★

見に行って応援してあげて下さいね★

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

Googleの楽しさを堪能★

Fri, 19 Aug 2011 21:41:21 +0900

Aug 2011

とても久しぶりに更新します、★Blacklion★です。

ちょっと面白いネタというか、
Googleの楽しさを堪能出来るゲーム「GooglePuzzle」をご紹介★

アメブロの広告でも出ていますが、
Googleと「リアル脱出ゲーム」で有名な「SCRAP」とが
仕掛けるとてもユニークなゲームです★

一応「SCRAP」のリンク
「京都発フリーペーパーSCRAP」
「リアル脱出ゲーム」

そして、「GooglePuzzle」のリンク
http://www.thegooglepuzzle.com/

閉じ込められたGoogleの「o」を救い出すというストーリーです。

まずは、オープニング

「o」がカーソル「↑」によってはじき出されて閉じ込められてしまいました！

問題を解きながら進んでいきますが、これが大事なヒントになります。

全部で5問のクイズに解答しないといけません。
左上の窓でヒントが1問につき2個見れます。
googlemapや翻訳機能、CalendarなどGoogleのサービスを使った問題ですが、
ヒントを見ればさほど難しくは無いはずです。

そして、クイズを解いて終わり～♪
って訳にはいきません・・・ちょっとてごずりましたが、
冷静に考えて画面を見ると分かります。

ようやく全てクリアすると「o」が戻ってきます。
このアニメーション（？）には感動です★

そしてクリア画面で終わりです。

ちょっと暇つぶしに、頭の体操も兼ねてやってみると、
リフレッシュ出来ますよ～★

自分はWeb制作に携わっている側の人間なので、
こんな事が出来るんだぁ～！！ってひたすら感動でした★☆★

というわけで、答え教えてよ！ってのは受け付けませんが、
ヒント教えてよならいつでもどうぞ★

まぁググればネタバレしてるサイトなども見つかるかもしれません・・・

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

アメブロの仕様変更で戸惑う・・・

Mon, 20 Jun 2011 00:51:19 +0900

Jun 2011

今日は高速道路料金1000円ラスト日だったので無理して遠出していた★Blacklion★です。
こんばんは。それにしても往復８時間日帰りツアーはシンドイね・・・泣

さて、ある方からfacebook経由でメッセージを頂きました。
それは・・・

「あめぶろでメッセージが送れないんすけど～？？何か知ってる？？」

てな事でした。

調べましたよ・・・

スタッフブログで２度ほど告知されていた件が関係しているんじゃないかと思います。

■一つ目
2011年04月04日 13時00分00秒staffの投稿
【アメーバより重要なお知らせ】生年月日の更新をお願いします
http://ameblo.jp/staff/entry-10850972792.html

■二つ目
2011年04月19日 13時21分52秒staffの投稿
【再お知らせ】生年月日の入力をお願いいたします
http://ameblo.jp/staff/entry-10866149348.html

「Amebaの健全なサービス運営を目的として、」

とありますから、
まぁ未成年者をちょっと動きにくくするぜって事かな。

アメーバのサービスで「ピグ」とか「ブーシュカ？」ってやつとか
結構低年齢層がやってるイメージだから
まぁそれはそれでいいのかな・・・

でもメッセージとか全員に送ればいいのにね・・・

おそらく「今後、誕生日の変更が出来ない事に同意する」と
様々な機能制限も無くなると思います。（成人ならね）

自分も設定を済ませたら問題無く使えていたので大丈夫かな。

設定は「プロフィールの変更」ページの一番下に
同意するチェックボックスがあるのでそこにチェック入れて保存すればOK★

間違えても成人の方が未成年の誕生日で保存したら後でメンドクサイですよ！！
そんな所で鯖（SABA）を読むのはやめましょうね★★★

今回はとりあえずご報告まで☆

BYE☆

★Blacklion @ LionworksJapan★

写真がめっちゃいい感じになる方法

Wed, 08 Jun 2011 23:47:55 +0900

Jun 2011

今日は特にネタが無い、★Blacklion★です。
毎日ネタがある人ってある意味スゴイよね・・・感心感心（ヒトゴトｗｗ）

さて、ブログにアップするために、
写真をパシャパシャ撮ってる人って結構多いと思うんですが、
その写真のクオリティに「イマイチ？」なんて思った事はありませんか？？

普通のスナップ写真とかだとやっぱり記念にはなるけど、
絵にはならないですよね・・・

例えばこの写真、

普通にデジカメで撮ったんですが、
何かどうもしっくりこないなぁ～って思いません？？
普通の写真・・・という印象しか無いですよね・・・

そこで、少しだけほんの一瞬手を加えるだけで
驚くほど写真が絵になります！

それがこれ、

うん、ちょっとプロの写真家っぽくない？？
ちょっと下の方の余白切って、コントラスト上げて影を付けただけなんです。
これものの1分で仕上がります。

コントラストの調整はデジカメでも出来ますし、
今は携帯とかスマホとかでも出来ますよね★

でも「影」を付けるのは以外と大変だったりします。

そこでこういう物を作って見ました。

結構大きめ（といっても一辺が1000px）に作ってあるので、
それを写真の上に載せて大きさを調整するだけ♪

とっても簡単なのでやってみたい方は
どうぞお持ち帰り下さいませ★

絵になる影素材のお持ち帰りはココ
http://lionworksjapan.info/ameblo/images/shadow_frame.png

上のURLをクリックして画像が表示されたら、
（一応）マウスポインターが「+」のマークの人は「+」を押して大きく表示させて下さい。
右クリック→出てきたメニューの中から保存を選択してアナタのPCへ保存して使ってみて下さい。

こういうちょっとした素材ってどっかに落ちて無いんかな・・・
また何か使えそうなのあったらお伝えします★

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

感動的なメモのコツ★

Sun, 05 Jun 2011 02:13:22 +0900

Jun 2011

土日は夜更かしして映画を見る事にしています★Blacklion★です。
でもレビューとかは書きません。（メンドクサイからｗｗｗ）

さて、以前「落書きから生まれるもの★」という記事を書きました。
その終りにちょこっとだけ紹介した電子メモパッドの話です。
→→以前の記事「落書きから生まれるもの★」はコチラ

この電子メモパッドですが、
アメリカなどではとても売れているらしいんです。
最近ではipadやスマートフォンなどを利用している方たちにも
注目されているみたいでコンスタントに売れてるみたい。

それがこの「ブギーボード」というやつです。

【電子メモタブレット】アメリカで大ヒット！ブギーボード（BoogieBoard） UNIQ BBC-001CY シアン

書いたメモは電子メモなので、簡単に消せるし、
紙を使わないのでとてもエコだという「ウリ」みたいなんですが、
ビジネス用途にもそうだし、書いた物が残せないというのがどうもね・・・

子どもの頃に使った覚えがあるでしょうか、
磁石が先端に付いたペンで書くとその部分だけ
砂（？）が引っ付いて文字や絵が書けるみたいな。
あれ、バーみたいな物をスライドすると全て消えてしまうんですが、
個人的に「傑作！！」と思ってもやっぱり消さないといけない・・・

子どもに与えて遊ばせても写真に撮る事しか残す手段は無いんですね・・・

そういう欠点はやはり思っている方が多いみたいで・・・
この「ブギーボード」に関しても同じ事。

それで、今はこの「ブギーボード」と一緒に売れている商品があるんです。

それが、「エアペン」と呼ばれる物。
書いた軌跡をデジタル化して保存出来るという物です。

手書きしたメモを同時にデジタル化して保存できる、コンパクトなデジタルペンシステム『airpenM...

この２つを使うと紙を使わずに保存も出来るという優れものに！！！
とても相性がいいですね★

こういう元々は違う物だけど組み合わせると、
とても便利で優れものになるという商品はとても多いです。

「ブギーボード」の方は4000円を切るとても買いやすい良心的なお値段♪
「エアペン」は様々ですが10000円は超えるみたいです。
が使い方をきちんと決めて、使い倒せば元は取れそうです♪

子どもの落書きがデジタル保存出来るという利便さを考えれば安いでしょう★
感性を養い、また字や絵での表現力が飛躍的に向上するでしょう★

モチロン、ビジネスシーンでは言うまでも無く大活躍ですね★
メールやタイピングが苦手なあの部長とも、
円滑なコミュニケーションが取れ仕事がもっと楽しくなるかもしれません★

また、恋人とのやり取りで「手書きの文字」が使えるというのは、
どこか冷たい感じのする「電子メール」よりも何十倍、いや何百倍も
相手の気持ちをストレートに感じる事が出来るでしょう★
愛がさらに深まるでしょう★

と、勝手な事を色々と書きましたが、
あくまでも可能性のお話です・・・

しかし、可能性を侮ると痛い目まいますよ～ｗｗ
後悔先に立たずとは良く言ったもんです★

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

【無料】オリジナルヘッダー画像用素材

Fri, 03 Jun 2011 23:23:50 +0900

Jun 2011

春なので新しい動きが欲しくてウズウズしている★Blacklion★です。
こんばんは。悪巧みは春に限ります（微笑）

それはさておき、

ヘッダー画像をオリジナルにしたい！！

そう思っている人は多いでしょうが、
実際にオリジナルのヘッダー画像にしている方となると、
案外少ないように感じます。（あくまで印象ですが・・・）

特にビジネス目的も兼ねてブログを運営している方は、
当然のようにオリジナルのヘッダー画像にされていますね。
（ほとんどの方は自分のお顔をば～んと載せてますねｗｗ）

ビジネスとは関係無くブログを運営している方で、

アメブロからお借り出来るテンプレートで十分★
そういう方は特に何も問題無いでしょうが、
（キャラクターなど著作権が絡む物も使えるのでそっちも多いのかな）

オリジナルにしたいけど、良く分からない。

そういう方は結構多いです。
実際にメッセージなどでご質問なども頂くんですが、
多くの方が何が分からないのかが分からない？
つまり、何からどうやればいいのか分からないという訳です。

ヘッダー画像というのは、
「画像」と言うくらいですから、「画像」を使います。

アナタのブログのタイトルが入っている場所、
あそこはアメブロでは「ヘッダー」と言っています。
「ヘッダー」は「header」→「head」
つまり頭という意味で、まさにブログの頭ですね。

どこかでこの「ヘッダー」のことを「スキン」なんて
呼んでいる方がいるみたいですが、普通に間違いですので
お気をつけ下さいね。惑わされないように！

ヘッダーはブログを開くとほぼ一番最初に目に入ります。
記事よりもサイドのバナーやブログパーツなどよりも
絶対に目に入る部分です。

ですからここを替えるだけで
ブログ全体のイメージも変わります。

オリジナルのヘッダー画像にしている方に対して
どのような印象を持ちますか？？

・オシャレだな
・自分もこれやってみたいな
・インパクトあるな
・お金かけてんだろうな（笑）

まぁ人それぞれ様々な意見、印象があるとは思います。
では、逆にヘッダー画像に何も入っていないブログを開くとどうですか？？

・シンプルだな
・殺風景で寂しい感じがするな
・何か記事を読むのも疲れるな
・こういう所に気を使わない人なんだな

などなど、どちらかと言えばマイナスな意見、印象が多いように思います。

ブログのカスタマイズとか良く分からないけど、
携帯電話の待ち受けくらい簡単に替えれたらいいのに・・・

そういう方がとても多いのでは無いでしょうか？？

という事で、前置きがとてもとても長くなりましたが、

【無料】でオリジナルヘッダー画像用の素材を配布する事にしました。

今後、様々なパターンで作成し配布していく予定ですが、
まずは、ナチュラルな「ウッドフレーム」から配布します。

★【無料配布】ヘッダー画像用素材wf0001

サンプルはこんな感じです。（写真を入れた状態）

そして、設置するとこんな感じです。

この右側のフレームの中に写真を入れるんですが、
どういう仕組みになっているのかというと、

こういう事です。
つまり、このテンプレート一つで後ろに入れる写真だけを変えれば
まさにオリジナルなヘッダー画像がすぐに出来ちゃうという訳です。

しかし、モチロン持っている画像に対してフレームに合わせるために、
サイズ変更などの若干の「修正」は必要ですが、
そこはコチラがフォロー致しますので何なりとおしゃって下さい。
モチロンこのフォローも【無料】で行います。

また、この【無料配布】企画ですが、
ご利用頂くためにたった一つだけ条件があります。

それは、このヘッダー画像テンプレートを使ったブログなどで
このブログへのリンクをどいかに付けて下さい。

たったそれだけです。

記事に紹介文を書けとか（それは嬉しいので任意でｗｗ）
バナーはこれを使ってここにこういう言葉でリンクしてくれ、だとか
そんなわずらわしい事は言いませんので、お気軽にご利用下さいませ。

★【無料配布】オリジナルヘッダー画像用素材wf0001

をご利用になりたい方はメッセージかコメントお知らせ下さい。

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★

グーグルクローム拡張機能オススメ

Thu, 02 Jun 2011 23:55:57 +0900

Jun 2011

コンタクトが無くなったので海外から仕入れてみました、★Blacklion★です。
ちょっとドキドキしています・・・

さて、以前の記事などでも度々書いてますが、
自分は「グーグル先生」がとても好きです。

まぁ人それぞれ色んな価値観があるので、他を否定する訳では無く、
グーグルが提供するあらゆるソフトウェア、や機能面での充実は
自分のスタイルにとても合っていて重宝しています。

ブラウザ（インターネットを閲覧するソフト）もデフォルトはクロームです。
制作者ですから他ブラウザでも見ますがあくまで確認程度です。

その日常的に使っているクロームの中で、
とても便利な物をご紹介したいと思います。

パソコンに向かって仕事をしていると、
しないといけない事、したい事などが当然あります。

仕事以外でも、後で調べようと思っていた事、
週末の遊び予定の確認とか買い物のリストとか
色んな事を覚えておかないといけないんですが、

それらをとてもシンプルにまとめてくれるのが、
「Google Tasks」という機能です。いわゆる「To Do」管理ですね。

予定管理はGoogleカレンダーを使って行っていますが、
それよりもさらに細かい事や日課のような事は「ToDoリスト」を使っています。

そのToDoをさらに便利に使えるのがクロームの拡張機能
「Unofficial Google Tasks」です。

インストールすると、クロームの上部右側のアイコンの中にToDoアイコンが表れて、
そのアイコンをクリックするとプルダウンでリスト表示されます。

チェック✔をつけたり、追加、削除もここで出来てしまうので、
思いついた時にさっと行えるのがいいですね♪
（モチロンGoogleアカウントにログインしておく必要はあります）

「unofficial Google Tasks」のインストールはここ

それともう一つ、このToDo管理に関する拡張機能なんですが、
「New Tab to Task」とうのがあります。

クロームで新しいタブを開いた時にToDoリストを表示してくれるという物。
通常は良くアクセスするページだったり最近閉じたタブだったりと、
閲覧履歴を表示してくれるんですが、気になったらブックマーク派なので、
ToDoリスト表示の方が気に入っています。

「New Tab to Task」のインストールはここ

もっともっと拡張機能はあって、使える物、使いづらい物などありますが、
おいおい紹介させて頂ければと思います。

それでは、この辺で☆

BYE☆

★Blacklion @ LionworksJapan★