アメブロ デザインを変更したいパート3!【スキンCSSの編集】 | シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

アメブロ デザインを変更したいパート3!【スキンCSSの編集】

アメブロ デザインを変更したいパート3!【スキンCSSの編集】


こんにちは。サポート団長です。


>>アメブロ デザインを変更したいパート2!【スキンのカスタマイズ】の続き


今回であなたの顔(笑)作りも最終日となりました!


上級者向けではありますが、スキンCSSのカズタマイズをチャレンジしましょう!しかし、CSSの編集が出来るスキンと出来ないスキンがありますのでこちらをお読み下さい!【図解説明】



1.以下の手順で画面展開します。

ブログを書く

デザインの変更

スキンCSSの編集の順番で図の様に表示される。

シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-4


④スキンヘッダ・背景用画像が追加出来ます(通常の画像フォルダとは別)。

  ※gif、jpg、pngのみ、5枚(各1MB以内)までアップロード可能


⑤CSSの編集が可能です。変更・追加したい場合に入力します。


2.変更する際は、事前にCSSタグをメモ帳等にコピーを行ってからにしましょう!
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!


⑥変更後の表示が確認出来ます。


⑦表示に問題なければ【保存】をクリックすると反映されます。


⑧編集前(1つ前)までの状態に戻せます。


戻した場合にスキンのスタイルの崩れ等が起きる場合は、バックアップして於いたCSSタグを上書きして保存することをお勧めします。(一旦スキンが崩れた状態で、編集部分を元に戻すのでは戻らない場合があります)



>>この方のCSSのカスタマズを詳しく見る



>>この記事をtwitterへRTする


<<関連記事>>

矢印☆【アメブロ機能】フリープラグインへの追加(手順7追加)

矢印☆アメンバー限定記事をメールで受信する方法!

矢印☆画像の解像度を保ちブログへ貼り付ける方法!

矢印☆アメブロ 本文のmax(横幅)サイズで記事に画像を貼り付ける方法!【図解あり】

矢印☆アメブロ PingのURLを設定/ランキング/ブログサービス活用!

矢印☆【アメブロ機能】フリースペースへの追加/禁止事項!

矢印☆アメブロ 解像度を維持して記事に画像を貼り付ける方法!

矢印☆アメブロでCSSの編集が出来るスキンとは!【図解説明】

矢印☆アメブロ スキンヘッダ・背景用画像の追加【新機能】
矢印☆【アメブロ機能】広告をはずす/画像容量アップとは!

矢印アメブロ 投稿記事を編集したい!【追加・修正・再投稿】追記!

矢印アメブロ デザインを変更したいパート2!【スキンのカスタマイズ】



ブログトップ  | 目次  | 目次2  | 用語集