まずは画像編集ソフト等で背景画像を用意してアップロードしよう！
アップロードはスキンCSS編集の上に画像を追加する箇所があるよ↓
次の箇所にコードを追加して背景画像を配置しよう！
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:8px 10px 0 37px;/* 記事タイトルの位置の調整 */
border-left:0px solid #e4e4e4;/* ボーダーの幅を0にする */
background-image :url(http://stat.blogskin.ameba.jp/blogskin_images/20111019/15/9b/1d/j/o04230034custom-happy1319005829603.jpg);/* 画像のURL */
background-repeat :no-repeat;/* 画像の繰り返し表示なし */
margin-top :0px 0px 0px 0px;/* 画像の余白 */
width :423px;/* 画像の幅 */
height :35px;/* 画像の高さ */
}
次のコードで記事エリアの枠をなくそう！
/* skinArticle 記事エリア */
.skinArticle{
/* 注 ベースのcssに margin-bottom の記述有り */
padding:16px 0;
border:0px solid #dddddd;/* 記事内エリアの枠の幅を0にする */
background:#ffffff;/* ←記事に背景を敷きたいとき */
}
変更前の記事タイトル
変更後の記事タイトル
次背景画像の色にあった文字の色を選び調整してね！
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#690;/* 記事タイトル文字色 */
}
※不具合が生じたときはコチラでは責任は負いかねます。編集はご自身の責任で行ってくださいね！よろしく！
※編集する前のCSSのコードをコピーし保存しとくと安心だね！
