アメブロ カスタマイズレッスン

アメブロカスタマイズ/サイドバーを整える②

 

40代からのパソコンが苦手なお一人様起業の方のためのアメブロヘッダー・カスタマイズデザイン野口陽子です。

今回は「アメブロのサイドバーを整える」の2回目です。

アメブロをカスタマイズするためには「カスタマイズ専用」のテンプレートが必要で、それを使ってカスタマイズするのですが、とってもシンプルで飾り気のないものになります。

これまで、ヘッダーを設置したり、記事枠を設置したりしてきましたが、今度はサイドバーの各項目に枠をつけてみます。

「ブログ管理トップ」→「デザインの編集」→「CSS編集」に移動して

一番下にスクロールします。

まずはコチラのコードをコピーします。

ul.skin-linkList{
padding: 10px;
border: 1px solid #ff69b4;
border-radius: 0px 0px 0px 0px;
}

オレンジラインの部分は、お好みのカラーコードで変更してください。
カラーコードはコチラ

「border: 1px solid #ff69b4;」

は、「px」がラインの太さ、「solid」は実線で、「dotted」にすると点線になります。

「border-radius: 0px 0px 0px 0px;」

は、「0px」の部分に数字を入れると、枠の角が丸くなります。

 

 

それを一番下に貼り付けます。

 

サイドバーの項目に枠が出来ました。

色を変えたり、ラインを点線にするだけでも雰囲気が変わります。

ここまでくると、カスタマイズも面白くなりますね。

ぜひ、やってみてくださいね。

 

 

-アメブロ, カスタマイズレッスン

Copyright© Design-feel.net , 2020 All Rights Reserved Powered by AFFINGER5.