ヘッダーにjqueryを使ったスライダーを実装してみました。

またまた、夜な夜なこんばんは！

今夜はヘッダーにjqueryを使ったスライダーを実装してみました。
まだ少し画像の読み込みで問題が・・・。

ヘッダー部分をご覧下さいね！
jqueryと呼ばれるjavascriptを使ったものでFLASHみたいに動きます。デモFLASHじゃないのです！
今回はCoinSliderという種類のスライダーを実装してみました。

フリープラグインへjavascriptを書き、画像を読みだしておりますのです。

今回はjavascriptの容量が大きいことから外部のサーバーに本体のjavascriptを置き、フリープラグインから読み出すことに。

前回の記事が背景を入れるという初歩的な記事だったのに、いきなり上級者向けのカスタムに飛んでしまいました。。統一感がないですね（汗

これからはもっとjqueryを使ったカスタムを盛りこんでいきたいと思います！

それでは皆さんおやすみなさいm(_ _)m

アメブロ画面全体の背景画像を入れる

またまた基本中の基本のカスタムです。
目次に沿って、記事を書いております。

今回は背景画像を入れるです。
CSS編集画面を見ればだいたい分かると思いますが、図解とCSSの説明です。

背景がない状態

背景を入れました

CSS

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
}

以上で完了！簡単ですね＾ー＾

背景の使い方ひとつでいろいろなことができます。
ちなみにオプションでいろいろな設定が可能です。

背景をリピートさせたくない場合

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
background-repeat: no-repeat;
}

背景を横にだけリピートさせたい場合

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
background-repeat: repeat-x;
}

背景を縦にだけリピートさせたい場合

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
background-repeat: repeat-y;
}

背景を中央上に設置したい場合

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
background-position: center top;
}

背景を中央下に設置したい場合

/*ページ背景に画像を入れる*/
body{
background-image:url(http://画像のURL);
background-position: center bottom;
}

と、このように背景のリピート設定や一設定が可能です。

是非お試し下さいね！

スイ式ブログが長続きする秘訣

以前、ブログが長続きする7つの習慣という記事を書きました。
その続編です！前回の記事は長続きさせるための習慣を取り上げましたが、
今回は長続きさせるために必要なことを取り上げたいと思います。

ブログが長続きしないよ・・・という方は大勢いらっしゃるようですが、なぜでしょう？

・忙しいから
・書くネタが無いから
・とりあえず始めたから
・その他

いくつも長続きしない原因があります。

「忙しいから・・・」

という方は、忙しいなりに何かを発信したくて
ブログを始めた方だと思います。であれば、忙しいなりに長続きする習慣を実行すれば
ある程度は解決できるかと思われます。

ブログが長続きする7つの習慣はこちらにて

「次にネタが無いから・・・」

という方は、これは困りものですね。。発信することがブログの主な目的です。
もちろん不特定多数の人向けでなくても、自分向けにブログを書いている人もいますので
そういう人は、特に長続きするしないを気にする必要はないでしょう。
ネタ探しに困ったら、7つの習慣の記事で方法を取り上げていますのでご参考に☆

「とりあえず始めたから・・・」

こういう方も、特に気にする必要がないと思います。
ブログを書くことが義務になってしまうとどうしても続かなくなるのです。
なので、自然と楽しく執筆できるようにブログを書く必要があるのです。

長続きする秘訣を知るために
ここで一つ疑問をあげてみましょう。

なぜ？ブログを書くのか。

①発信したい情報がある
②知ってもらいたいことがある
③なんとなく

大抵の人はどれかに該当するかと思います。
もちろん該当しない方もいると思います。

私の場合は①②二つの理由でブログを書いています。
私がやっているデザインという仕事を多くの人に知ってもらうために、
情報を発信しています。
それによって、お仕事が入ってきたり、新たな交流が生まれたり、
さらに勉強させられることもしばしば。

そこで今回の記事は①②に該当される方について、長続きする方法の一つをお伝えします。

それは

「ブログに愛着を持つこと」

です。

これが長続きの秘訣になります。
例えば個性的であったり、自分だけの小部屋のように好きな情報を詰め込んでいくことで、
ネット上での自分の家みたいになるんです。

これってすごく大事なことです。

リアルの自分の部屋に置き換えて考えてみると、自分の住みやすいように
居心地がイイように、模様替えをしたり、素敵なものを飾ったりしますよね。

その空間がお気に入りになると、人に自慢したくなります。
友達を招待したくなりますよね！どうせ座るなら座り心地のよいソファーが
いいですし、食事する食器も可愛らしくて、素敵なものが良いに違いありません。

さぁここまで書けば私がお伝えしたい、長続きさせるための秘訣
なんとなく分かってきましたでしょうか？

そうです、ネット上でのブログですが、自分のお部屋と同じです。
自分が満足するような情報を載せて、さらには招待した人（訪問者）も
満足させてあげたいですよね☆

このアメーバの運営するピグでは月間で⑥億円もの仮想マネーの流通があるようです。
自分の部屋を着飾る。キャラクターを可愛くする。そんな欲求から発展していきました。

ブログも同じです。
みんなをあっと言わせて満足させることができるお部屋に改造しましょう！
自分が納得出来ると、長続きします。それはお気に入りのお部屋だから。ですよ♪

具体的にどうしてくださいという話ではないです。
ブログという名のお部屋をどう充実させたいか。
その欲求こそが長続きする秘訣だと思うのです。

以上真面目なスイでした。

７色×２サイズのオリジナル読者登録ボタン「Plus-Reader」を無料配布開始！

こんばんは、スイです。
以前制作して配布していなかった読者登録ボタンを無料配布開始しました。

おさらい記事・関連記事
→無料で配布★アメブロ読者登録ボタンSimplePlusのボタンを作成しました♪
→アメブロ読者登録リンクの画像化。ボタン画像に変更する方法★

▼無料配布▼
「Plus-Reader」読者になるボタンファイルセットの無料ダウンロード

▼お願い▼
ダウンロードする前した後、設置後、いつでもボタンの感想などを
コメントいただけたら大変嬉しいです。
次につくってほしい希望パーツのご要望なども是非お寄せください。

皆様のコメントがスイの

原動力です。

オリジナルのアメブロテンプレートDynamic Monochromeのカラーバリエーション。

こんにちは☆
今日は案件の合間にオリジナルテンプレートのカラーバリエーションを作成しました。

・モノクロ
・青
・緑
・黄色
・ピンク
・赤

全部で6カラーです。

色味は少し奇抜なもので目立つように選びました。
また、ヘッダーに入っている画像はサンプルでいれてみました。
ヘッダーを帰るだけでかなり雰囲気変わりますね！

背景は単色グラデーションでサンプルは作りましたが、
背景にきれいなイメージグラフィックを当てることも可能！

６つのカラバリとヘッダー、背景の組み合わせで無限の可能性が～！
とひとりで酔いしれるところが×！

さて早速、大きい画像ですが6つのカラバリのご紹介です。

モノクロ