アメブロのサイドメニューのデザインを変更する方法についての説明

/***************************************
サイドメニューのデザイン変更
by 3910GO http://blog-customize.3910go.com/
***************************************/
/* ▼ サイドメニュータイトル部分(ここから) ▼ */
.skinMenu{
background:#ffffff; /*←ボックス下の余白を広げた時に表示される色 */
}
.skinMenuHeader{
background-color : #000000; /* ←タイトルボックス内の色 */
font-size : 16px; /* ←文字の大きさ */
font-weight : bold; /* ←文字の太さ（太字） */
color : #FFFFFF; /* ←文字の色 */
background-image : url('○○○'); /* ←アイコン（背景）画像表示 */
background-repeat : no-repeat; /* ←アイコン（背景）画像の繰り返し（なし） */
background-position : 7px center; /* ←アイコン（背景）画像の配置 */
height : 30px; /* ←タイトルボックスの高さ */
border-width : 1px 1px 0px 1px; /* ←枠線の太さ、上右下左の順 */
border-style : solid solid solid solid; /* ←枠線の種類、上右下左の順 */
border-color : #000000 #000000 #000000 #000000; /* ←枠線の色、上右下左の順 */
margin : 0px 0px 0px 0px; /* ←ボックス外側余白、上右下左の順 */
padding : 2px 0px 0px 26px; /* ←ボックス内側余白、上右下左の順 */
}
/*▲ サイドメニュータイトル部分 (ここまで) ▲ */
/* ▼ サイドメニューボックス部分(ここから) ▼ */
.skinMenuBody{
font-size : 14px ; /* ←文字の大きさ */
background-color : #FFFFFF ; /* ←ボックス内の色 */
border-width : 1px 1px 1px 1px; /* ←枠線の太さ、上右下左の順 */
border-style : solid solid solid solid; /* ←枠線の種類、上右下左の順 */
border-color : #000000 #000000 #000000 #000000; /* ←枠線の色、上右下左の順 */
margin : 0px 0px 10px 0px; /* ←ボックス外側余白、上右下左の順、ボックス下の余白を広げる場所 */
padding : 5px 5px 5px 5px; /* ←ボックス内側余白、上右下左の順 */
}
/*▲ サイドメニューボックス部分 (ここまで) ▲ */

background-image : url('○○○'); /* ←アイコン（背景）画像表示 */
background-repeat : no-repeat; /* ←アイコン（背景）画像の繰り返し（なし） */
background-position : 7px center; /* ←アイコン（背景）画像の配置 */

変更前：○○○　⇒　変更後（例）：http://www.3910go.com/icon.gif

padding : 2px 0px 0px 26px; /* ←ボックス内側余白、上右下左の順 */