パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

こんにちは、パソコンワンポイントレッスン!パソコンインストラクターの川上です。
(2016年2月10日現在です。)

 

■アメブロ便利技■

 

 

■アメブロカスタマイズ■

◆アメブロをカスタマイズするにはまずここから↓

デザインをCSS編集用デザインにしないとダメです

フリースペースを配置してください

フリープラグインを配置してください
 

◆ヘッダー下のメニューバー(グローバルナビ)

メニューバーの設置方法

メニューバーのボタンを画像にする方法

メニューバーの角を丸くして枠をつけたい

メニューバーのグラデーション

「カスタム可能」でないデザインでメニューバーを設置するには
 

◆ヘッダー画像の作成と設置

エクセルでヘッダー画像作成

CSSでのヘッダー画像の挿入方法

ヘッダー画像の設置

ヘッダー画像に文字を埋め込んだ場合のタイトルや説明文を非表示にする方法(CSS)


◆CSS(シーエスエス)

CSSって何?

「CSSの編集」って?

CSSの基本書式

CSSの記述場所

CSS編集デザインとサイドバーの色

 

◆プロフィールページ

profileのヘッダーとメニューバー
 

◆スライドショー

アメブロのヘッダー画像をスライドショーに

サイドバーにスライドショーを設定するには
 

◆サイドバー

角を丸く、背景色

影付き、グラデーション

サイドバーのリンク文字の色を薄い色に変える

プロフィール画像を大きくするには(CSS)
 

◆フォントの変更

メイリオフォントに変更する
 

◆記事内のメニューバー

記事中のメニューバー

電話をかける

 

◆テーマについて

テーマを編集するには(カテゴリ分類の方法)

「カスタム可能」でないデザインでテーマ編集するには <新デザイン用>
 

◆基本色コード

覚えておきたい5つの色コード
 

◆メッセージボード

メッセージボードの書き方

メッセージボードを活用してみましょう!記事エリアの最上部に表示されるとこです。

◆リンク
リンクの文字にのせるとプクッと文字が膨らむ方法

リンク文字の下に下線を引くには(リンク文字を青く、大きく、太く)

◆ざっくり
ピンク色のカスタマイズ
 

 


 

→使い方の記事はこちら


 

 
■アメブロ基本設定■



最新デザイン(横幅が1120pxと広く、プロフィール画像が丸いデザイン)用のカスタマイズ

最新デザインでメニューバーを設置するには(既存のデザインの場合)

最新のデザインでサイドバーをカスタマイズする方法

最新デザインでヘッダー画像を設置する方法

アメブロ最新デザインで、ブログタイトルと説明文の位置を自由に配置する方法





以上、アメブロカスタマイズの目次でした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

 

いいね!した人  |  コメント(22)  |  リブログ(1)

川上雄大・パソコンインストラクターさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント