IBSサンプルブログ https://ameblo.jp/ibs-sample/ IBS(インターネットビジネススクール)で配布しているテンプレートのサンプル用ブログです。　デフォルトがブルーで、その他の色はグローバルメニューをクリックすることで確認できます。 ja アメブロ テンプレートカスタマイズ（簡易バージョン） このメッセージが表示されている場合、当サービスのご利用はできません。　パソコンのブラウザでアクセスし、JavaScriptを有効にしてください。
アメーバIDの設定
メインカラーの設定
ヘッダーの設定
カスタマイズ情報の取得

アメーバIDの設定

以下の入力ボックスに、あなたのアメーバIDを入力し、「設定」ボタンを押してください。

アメーバID :

ご入力いただいたアメーバIDを元に、あなたのブログURLやタイトルをフッターなどに反映します。

この設定は必須ではありませんが、アメーバIDを設定しない場合、テンプレートのフッター部分などは個別に修正してください。

当ブログでは、リアルタイムな変更のためにjQueryというJavaScriptのライブラリを多用しております。 動作をスムースに行うためには、JavaScriptの実行に最適化されているFirefoxまたはGoogle Chromeのご利用をお勧めします。

メインカラーの設定

メインカラーは、記事のタイトル、サイドバーのタイトル、グローバルメニュー、フッターなど、ブログ全般のカラーに適用されます。
背景色
文字色
マウスホバー時リンク色

ヘッダーの設定

画像のURL : 
上のテキストボックスには、既にアップロードされている画像のURLを入力してください。
基準位置 :
繰り返し方向 :
全方向 横方向 縦方向 なし

no-repeatleft top
背景色の設定 : 

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、ヘッダー部分の背景色を自由に変更できます。

高さ : 

数値を入力 または スライダーを左右に動かしてヘッダーの高さを調整できます。

ヘッダーの下端部を直接ドラッグすることでも自由に高さを調整できます。

ブログのタイトル : 
ブログの説明文 : 

ブログのタイトルおよび説明文を直接ドラッグすることで自由に位置を調整できます。

em1.33030#000000#FAA411em0.970030250#000000

グローバルメニューの確認

50194
操作メニュー項目リンク先別窓
新規メニュー追加 全メニュー削除
詳細説明

ドラッグ＆ドロップにより、メニュー項目の並び順を入れ替えることができます。

「メニュー項目」および「リンク先」のセルをクリックすると入力ボックスが表示され、直接内容を編集できます。

編集中のテキストは入力ボックス右のOKを押すか、入力ボックス内でエンターキーを押すことで確定できます。
また、入力ボックス右のCANCELを押すか、カーソルをテーブルの外側に移動することで編集前の状態に戻ります。

その他のボタンの動作内容は以下参照

メニュー項目を次に挿入 : クリックしたメニューの次に新しいメニュー項目を挿入
メニュー項目を削除 : クリックしたメニュー項目を削除
参考として以下のボタンをご用意しましたので、必要に応じてご利用ください。
アメブロ関連メニュー追加
ホーム プロフィール 記事一覧 読者登録 アメンバー登録 メッセージ送信
その他のメニュー追加
Facebookリンク ブログランキング メルマガ登録
1

このタブ内で設定する項目はありません。

カスタマイズ情報の取得

バナー広告の有無によって、グローバルメニューの位置設定が異なるため、現在ご利用のアメブロの状況に合わせて、いずれかのボタンをクリックしてください。
アメブロに「CSS編集用」情報を貼り付け後、カスタマイズが正常に反映されない場合は、以下のリンクを参考にキャッシュをクリアしてからご確認ください。
ブラウザのキャッシュクリアの方法
カスタマイズ内容を保存カスタマイズ内容を復元
詳細カスタマイズバージョンに切り替え
simple#BADAFF#FFFFFF#0000FF#FFFFFF#FAA411emem101.4#000000#0000FF#800080#FAA411noneunderline300#BAF7FF00emem1.30boldnormalnoneshadow#000000#888888emem0.901.4nonenormalnormal#666666#888888showshow50メニュー1|メニュー2|メニュー3|メニュー4|メニュー5#|#|#|#|#||||
]]> https://ameblo.jp/ibs-sample/entry-11530310952.html Tue, 14 May 2013 14:47:30 +0900 アメブロ テンプレートカスタマイズ（詳細バージョン） このメッセージが表示されている場合、当サービスのご利用はできません。　パソコンのブラウザでアクセスし、JavaScriptを有効にしてください。
アメーバIDの設定
レイアウトの確認
メインカラーの設定
テキストの設定
背景の設定
ヘッダーの設定
カスタマイズ情報の取得

アメーバIDの設定

以下の入力ボックスに、あなたのアメーバIDを入力し、「設定」ボタンを押してください。

アメーバID :

ご入力いただいたアメーバIDを元に、あなたのブログURLやタイトルをフッターなどに反映します。

この設定は必須ではありませんが、アメーバIDを設定しない場合、テンプレートのフッター部分などは個別に修正してください。

当ブログでは、リアルタイムな変更のためにjQueryというJavaScriptのライブラリを多用しております。 動作をスムースに行うためには、JavaScriptの実行に最適化されているFirefoxまたはGoogle Chromeのご利用をお勧めします。

レイアウトの確認

以下のレイアウトの中から、ご希望のレイアウトを選択してください。

  • 2カラム・メニュー左2カラム・メニュー左
  • 2カラム・メニュー右2カラム・メニュー右

  • 3カラム・右ワイドメニュー3カラム・右ワイドメニュー
  • 3カラム・左ワイドメニュー3カラム・左ワイドメニュー
  • 3カラム・右メニュー3カラム・右メニュー

こちらのレイアウトの設定は、あなたがアメブロで設定しているレイアウトでの表示を確認するためのものであり、実際にアメブロのレイアウトを変更する場合は、アメブロにログインしている状態で、管理メニューからご希望のレイアウトを選択してください。

アメブロ上でレイアウトの変更を適用した場合、CSSはデフォルトの状態に戻ってしまいますので、必要に応じて、改めてCSSの編集を実施してください。

メインカラーの設定

メインカラーは、記事のタイトル、サイドバーのタイトル、グローバルメニュー、フッターなど、ブログ全般のカラーに適用されます。

簡易カラー設定ボタンをクリックすると、メインカラーだけでなく、ブログ全体の背景色やヘッダーの背景色も同時に設定されますので、必要に応じて個別に調整してください。

背景色
文字色
マウスホバー時リンク色

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、メインカラーの色を自由に変更できます。

テキストの設定

以下のテキストの設定はページ全体に適用されます。
文字単位 : em px pt

em:文字「M」の高さを基準(1em)とした単位

px:ディスプレイの最小画素を基準(1px)とした単位

pt:1/72in(=0.3528mm)を基準(1pt)とした単位

文字サイズ : 

数値を入力 または スライダーを左右に動かして文字サイズを調整できます。

文字間隔 : 

数値を入力 または スライダーを左右に動かして文字間隔を調整できます。

行間隔 : 

数値を入力 または スライダーを左右に動かして行間隔を調整できます。

以下のタブから、通常テキストの文字色やリンクの色および下線表示などの設定ができます。

デフォルトの設定では、背景色が白い場合の、一般的な配色の組み合わせになっておりますので、コンテンツの背景色を変更していない場合は、特に変更する必要はございません。

文字サンプル

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、文字色を自由に変更できます。

リンクサンプル

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、訪問済みのリンクの色を自由に変更できます。

リンクサンプルリンク下線 : 

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、マウスカーソルが合わさった時のリンクの色を自由に変更できます。

背景の設定

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、背景色を自由に変更できます。

画像のURL : 
上のテキストボックスには、既にアップロードされている画像のURLを入力してください。
基準位置 :
繰り返し方向 :
全方向 横方向 縦方向 なし
repeatleft top
背景表示 : scroll

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、背景色を自由に変更できます。

画像のURL : 
上のテキストボックスには、既にアップロードされている画像のURLを入力してください。
基準位置 :
繰り返し方向 :
全方向 横方向 縦方向 なし
repeatleft top

ヘッダーの設定

画像のURL : 
上のテキストボックスには、既にアップロードされている画像のURLを入力してください。
基準位置 :
繰り返し方向 :
全方向 横方向 縦方向 なし

no-repeatleft top
背景色の設定 : 

上の入力ボックスをクリックして表示されるカラーピッカーでカラーを選択するか、直接カラーコードを入力することにより、ヘッダー部分の背景色を自由に変更できます。

高さ : 

数値を入力 または スライダーを左右に動かしてヘッダーの高さを調整できます。

ヘッダーの下端部を直接ドラッグすることでも自由に高さを調整できます。

ブログのタイトルを直接ドラッグして位置を調整できます。
文字単位 : em px pt

em:文字「M」の高さを基準(1em)とした単位

px:ディスプレイの最小画素を基準(1px)とした単位

pt:1/72in(=0.3528mm)を基準(1pt)とした単位

文字サイズ : 

数値を入力 または スライダーを左右に動かして文字サイズを調整できます。

文字間隔 : 

数値を入力 または スライダーを左右に動かして文字間隔を調整できます。

文字色 : 
マウスホバー時 : 
太文字 : 斜体 : リンク下線 : 
影付き : 影の色 : 
em1.33030#000000#FAA411

このタブ内で設定する項目はありません。

幅 : 

数値を入力 または スライダーを左右に動かして説明文の幅を調整できます。

ブログの説明文を直接ドラッグして位置を調整できます。
文字単位 : em px pt

em:文字「M」の高さを基準(1em)とした単位

px:ディスプレイの最小画素を基準(1px)とした単位

pt:1/72in(=0.3528mm)を基準(1pt)とした単位

文字サイズ : 

数値を入力 または スライダーを左右に動かして文字サイズを調整できます。

文字間隔 : 

数値を入力 または スライダーを左右に動かして文字間隔を調整できます。

行間隔 : 

数値を入力 または スライダーを左右に動かして行間隔を調整できます。

文字色 : 
太文字 : 斜体 : 
影付き : 影の色 : 
em0.970030250#000000

このタブ内で設定する項目はありません。

フッターの設定

グローバルメニューの確認

操作メニュー項目リンク先別窓
新規メニュー追加 全メニュー削除
詳細説明

ドラッグ＆ドロップにより、メニュー項目の並び順を入れ替えることができます。

「メニュー項目」および「リンク先」のセルをクリックすると入力ボックスが表示され、直接内容を編集できます。

編集中のテキストは入力ボックス右のOKを押すか、入力ボックス内でエンターキーを押すことで確定できます。
また、入力ボックス右のCANCELを押すか、カーソルをテーブルの外側に移動することで編集前の状態に戻ります。

その他のボタンの動作内容は以下参照

メニュー項目を次に挿入 : クリックしたメニューの次に新しいメニュー項目を挿入
メニュー項目を削除 : クリックしたメニュー項目を削除
参考として以下のボタンをご用意しましたので、必要に応じてご利用ください。
アメブロ関連メニュー追加
ホーム プロフィール 記事一覧 読者登録 アメンバー登録 メッセージ送信
その他のメニュー追加
Facebookリンク ブログランキング メルマガ登録
1
高さ : 

数値を入力 または スライダーを左右に動かしてグローバルメニューの高さを調整できます。

グローバルメニューの下端部を直接ドラッグすることでも自由に高さを調整できます。

メニュー幅 : 
50194

数値を入力 または スライダーを左右に動かしてメニューの幅を調整できます。

このタブ内で設定する項目はありません。

カスタマイズ情報の取得

バナー広告の有無によって、グローバルメニューの位置設定が異なるため、現在ご利用のアメブロの状況に合わせて、いずれかのボタンをクリックしてください。
カスタマイズ内容を保存カスタマイズ内容を復元
簡易カスタマイズバージョンに切り替え
detail#BADAFF#FFFFFF#0000FF#FFFFFF#FAA411emem101.4#000000#0000FF#800080#FAA411noneunderline300#BAF7FF00emem1.30boldnormalnoneshadow#000000#888888emem0.901.4nonenormalnormal#666666#888888showshow50メニュー1|メニュー2|メニュー3|メニュー4|メニュー5#|#|#|#|#||||
]]> https://ameblo.jp/ibs-sample/entry-11528953657.html Sun, 12 May 2013 12:21:14 +0900 テスト投稿２
あああああああ ]]> https://ameblo.jp/ibs-sample/entry-11519218155.html Sat, 27 Apr 2013 12:17:43 +0900 テスト投稿
サンプルサンプルサンプルサンプルサンプルサンプル

サンプルサンプルサンプルサンプルサンプルサンプル
]]> https://ameblo.jp/ibs-sample/entry-11519025619.html Sat, 27 Apr 2013 00:55:00 +0900