赤字部分を差し替えて、追加してみて下さい。
『フリースペース』
<div id="ranking-banner"><a href="人気ブログランキングのリンク先URL"><img border="0" src="人気ブログランキング通常時のバナー画像URL
" /></div>
<div id="manga-banner"><a href="4コマ漫画ブログランキングのリンク先URL"><img border="0" src="4コマ漫画ブログランキング通常時のバナー画像URL
" /></div>
『CSS』
#ranking-banner a{/*通常時バナー*/
display: block;
width:150px;/*画像の幅*/
height:60px;/*画像の高さ*/
text-indent:-9999px;
text-decoration: none;
background:url(人気ブログランキング通常時のバナー画像URL
) no-repeat left top;
margin: 0 0 0 0 ;/*画像位置調整 上右下左*/
}
#ranking-banner a:hover{
background:url(人気ブログランキングマウスオーバー時のバナー画像URL) ;
}
#manga-banner a{/*通常時バナー*/
display: block;
width:150px;/*画像の幅*/
height:60px;/*画像の高さ*/
text-indent:-9999px;
text-decoration: none;
background:url(4コマ漫画ブログランキング通常時のバナー画像URL) no-repeat left top;
margin: 0 0 0 0 ;/*画像位置調整 上右下左*/
}
#manga-banner a:hover{
background:url(4コマ漫画ブログランキングマウスオーバー時のバナー画像URL) ;
}
『フリースペース』
<div id="ranking-banner"><a href="人気ブログランキングのリンク先URL"><img border="0" src="人気ブログランキング通常時のバナー画像URL
" /></div>
<div id="manga-banner"><a href="4コマ漫画ブログランキングのリンク先URL"><img border="0" src="4コマ漫画ブログランキング通常時のバナー画像URL
" /></div>
『CSS』
#ranking-banner a{/*通常時バナー*/
display: block;
width:150px;/*画像の幅*/
height:60px;/*画像の高さ*/
text-indent:-9999px;
text-decoration: none;
background:url(人気ブログランキング通常時のバナー画像URL
) no-repeat left top;
margin: 0 0 0 0 ;/*画像位置調整 上右下左*/
}
#ranking-banner a:hover{
background:url(人気ブログランキングマウスオーバー時のバナー画像URL) ;
}
#manga-banner a{/*通常時バナー*/
display: block;
width:150px;/*画像の幅*/
height:60px;/*画像の高さ*/
text-indent:-9999px;
text-decoration: none;
background:url(4コマ漫画ブログランキング通常時のバナー画像URL) no-repeat left top;
margin: 0 0 0 0 ;/*画像位置調整 上右下左*/
}
#manga-banner a:hover{
background:url(4コマ漫画ブログランキングマウスオーバー時のバナー画像URL) ;
}
~