アメブロデザインの基本中の基本、
サイドメニューバーを画像化してブログ力をアップしましょう。
とても簡単です。
画像は横幅300pxでつくります。
※なぜ横幅300pxかというと、アメブロの【PR】が300pxなのでそれ以上か、300px
じゃないとサイドカラムがおかしなことになってしまうからです。
高さは自由
▼CSSを追加します
/*最近の記事*/
.recentEntriesMenu .skinMenu2 .skinMenuHeader{
background:url(http://stat.ameba.jp/user_images/20120502/16/musix-design/69/57/p/o0300004011949029163.png) no-repeat;
width:300px;
height:40px;
text-indent:-9999px;
}
※補足
参考記事：http://ameblo.jp/ui-design-works/entry-11232906434.html
アメブロデフォルトの余白がある場合はまずリセットする必要があります。
▼DEMO
http://ameblo.jp/musix-design