IBSサンプルブログ -2ページ目

IBSサンプルブログ

IBS(インターネットビジネススクール)で配布しているテンプレートのサンプル用ブログです。 デフォルトがブルーで、その他の色はグローバルメニューをクリックすることで確認できます。

このメッセージが表示されている場合、当サービスのご利用はできません。 パソコンのブラウザでアクセスし、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

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

フッターの設定

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

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#|#|#|#|#||||