最新版デザインスキンのサイドバーの項目を枠で囲む方法

こんにちは。
『やさしいブログの作り方』の松田です。



アメブロの最新版デザインスキン（プロフィール画像が丸枠のタイプ）を利用すると、サイドバーの各項目には区切りの枠がありません。

見た目的に少し殺風景な感じもするので、区切り枠を入れると見やすさも変わります。

最新版のＣＳＳ編集用デザインスキンを使われている方は、ＣＳＳの編集スペースの最後に以下の記述を追記すると区切り枠が表示されます。

.skin-blogSubA .skin-widget, .skin-blogSubB .skin-widget{
border:1px solid #999999; !important;
border-radius:10px;
padding:20px;
}

上記ＣＳＳ記述の#999999の部分を好みのカラーコードに変えると枠の色が変わります。

ご参考まで。＾＾


最後までお読みいただきありがとうございました。

お知らせ

ご登録頂くと、ＬＩＮＥ＠スタートアップセミナーをプレゼント！
やさしいブログのＬＩＮＥ＠のご登録はこちらから

これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座

初めてでも安心して始められるメルマガ作成ガイド。
メルマガスタートアップガイド　YouTubeにて配信中

ブログが持つ魅力や可能性を私の言葉で綴りました。
書籍はこちらのオンラインショップのみで販売中です！