CSS編集を行う前に、HTMLソースをチェックしましょう。


自分のブログで 右クリック→ソース表示 で、みることが出来ます。


編集したい部分の class名 id名 を確認し、CSS編集です。



<html>
<head></head>


<body id="mainIndex">


<!--frame-->
<div id="frame">


<!--subFrame-->
<div id="subFrame">


<!--header-->
<div id="header">
<h1><a href="■ブログURL■">■ブログタイトル■</a></h1>
<h2>■ブログの説明■</h2>
</div><!--//#header-->


<!--wrap-->
<div id="wrap">


<!--divide column -->
<div id="firstContentsArea">
<div id="subFirstContentsArea">


<!--sub_column_a-->
<div id="sub_a">


<!--advertising(サイドバー表示の場合)-->
<div id="advertising" class="mainMenu">
<h4 class="menu_title">広告スペース</h4>
<div class="menu_frame">
<div id="adJavaScript">
<script type="text/Javascript" src="■広告URL■" charset="UTF-8"></script>
</div><!-- //#adJavaScript -->
</div><!-- //.menu_frame -->
</div><!--//#advertising-->


<!--profile-->
<div id="profile" class="mainMenu">
<h4 class="menu_title">プロフィール</h4>
<div class="menu_frame">
<ul>
<li class="contents">■プロフィール■</li>
<li class="blogid">ID:■ID■</li>

<li class="genre">ブログジャンル:[<a href="■ジャンルトップURL■" target="_blank">■ジャンル名■</a>]</li>

<li class="image"><img src="■プロフィール画像■" width="150" height="113" border="0" alt="user_image" /></li>

</ul>
<p class="link_blog">[<a href="■管理画面URL■" target="_blank">記事を作成・編集する</a>]</p>
</div><!-- //.menu_frame -->
</div><!--//#profile-->


<!--reader-->
<div id="reader" class="mainMenu">
<h4 class="menu_title">このブログの読者</h4>
<div class="menu_frame">
<div id="readerList">
<dl>
<dt><a href="javascript:;" onclick='myWin = window.open(■読者登録画面URL■, "pop","scrollbars=yes,width=470 height=500")'>
<img src="■読者登録ボタン画像URL■" alt="読者になる" /></a></dt>
<dd>このブログの更新情報が届きます</dd>
</dl>
<p class="contents">読者数○人</p>
<p class="list">[<a href="■読者一覧URL■">一覧を見る</a>]</p>
<ul>
<li><a href="■読者ブログURL■">■読者ID■さん</a></li>
</ul>
</div><!-- //#readerList --></div><!-- //.menu_frame -->
</div><!--//#reader-->


<!--recent_trackback-->
<div id="recent_trackback" class="mainMenu">
<h4 class="menu_title">最近のトラックバック</h4>
<div class="menu_frame">

<ul>
<li><a href="■TBされた記事URL■">■TB記事タイトル■</a></li>

</ul>
</div><!-- //.menu_frame -->
</div><!--//#recent_trackback-->
<!--recent_comment-->


<div id="recent_comment" class="mainMenu">
<h4 class="menu_title">最近のコメント</h4>
<div class="menu_frame">

<ul>
<li><a href="■コメントされた記事URL■">■コメントタイトル■</a></li>

</ul>
</div><!-- //.menu_frame -->
</div><!--//#recent_comment-->


<!--theme_list(リスト表示の場合)-->
<div id="theme_list" class="mainMenu">
<h4 class="menu_title">ブログテーマ一覧</h4>
<div class="menu_frame">
<ul>
<li><a href="■テーマ別アーカイブURL■">テーマ名 ( 0 )</a></li>
</ul>
</div><!-- //.menu_frame -->
</div><!--//#theme_list-->


<!--theme_list(プルダウン表示の場合)-->
<div id="theme_list" class="mainMenu">
<h4 class="menu_title">ブログテーマ一覧</h4>
<div class="menu_frame">
<form method="post" action="" name="Link2">
<select name="OP" onchange="C_Li()">
<option value="■テーマ別アーカイブURL■" >■テーマ名 ■( 0 )</option>
</select>
</form>
</div><!-- //.menu_frame -->
</div><!--//#theme_list-->


<!--archives_pulldown(リスト表示の場合) -->
<div id="archives" class="mainMenu">
<h4 class="menu_title">アーカイブ</h4>
<div class="menu_frame">

<ul>
<li><a href="■月別アーカイブURL■">年月( 0 )</a></li>
</ul>

</div><!-- //.menu_frame -->
</div><!--//#archives-->


<!--archives_pulldown(プルダウン表示の場合) -->
<div id="archives" class="mainMenu">
<h4 class="menu_title">アーカイブ</h4>
<div class="menu_frame">

<form method="post" action="" name="Link1">
<select name="OP" onchange="A_Li()">
<option value="■月別アーカイブURL■" >■年月■ ( 0 )</option>
</select>
</form>
</div><!-- //.menu_frame -->
</div><!--//#archives-->




<!--recent_entries-->
<div id="recent_entries" class="mainMenu">
<h4 class="menu_title">最近の記事一覧</h4>
<div class="menu_frame">
<ul>
<li><a href="■記事URL■">■記事名■</a></li>
</ul>
</div><!-- //.menu_frame -->
</div><!--//#recent_entries-->


<!--favorite-->
<div id="favorite" class="mainMenu">
<h4 class="menu_title">お気に入りブログ</h4>
<div class="menu_frame">

<ul>

<li><a href="■お気に入りブログURL■">■ブログID■さん更新!</a></li>
</ul>
<p class="list">[<a href="■お気に入り一覧URL■">一覧を見る</a>]</p>
</div><!-- //.menu_frame -->
</div><!--//#favorite-->


<!--calendar-->
<div id="calendar" class="mainMenu">
<h4 class="menu_title">カレンダー</h4>
<div class="menu_frame">
<table>
<caption>
<a href="■先月アーカイブURL■" class="pre">&lt;&lt;</a>
■当月■
<a href="■次月アーカイブURL■" class="next">&gt;&gt;</a>
</caption>
<tr id="weekID">
<th class="sun">日</th>
<th class="mon">月</th>
<th class="tue">火</th>
<th class="wed">水</th>
<th class="thu">木</th>
<th class="fri">金</th>
<th class="sat">土</th>
</tr>
<tr>
<td><a href="■日別アーカイブURL■">1</a></td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>

<td>6</td>

<td>7</td>
</tr>
~省略~

</table>
</div><!-- //.menu_frame -->
</div><!--//#calendar-->


<!--bookmark-->
<div id="bookmark" class="mainMenu">
<h4 class="menu_title">ブックマーク</h4>
<div class="menu_frame">

<ul>

<li><a href="■サイトURL■" target="_blank">■サイト名■</a></li>
</ul>
<p class="list">[<a href="■ブックマーク一覧URL■">一覧を見る</a>]</p>
</div><!-- //.menu_frame -->
</div><!--//#bookmark-->


<!--ranking-->
<div id="ranking" class="mainMenu">
<h4 class="menu_title">アメブロランキング</h4>
<div class="menu_frame">
<div class="rank_all">
<dl>
<dt class="rank_ttl">[総合ランキング]</dt>
<dd class="rank">15944位/581838人中<img src="■アップダウン画像URL■" /></dd>
</dl>
<p><a href="■総合ランキングURL■" target="_blank">ランキング一覧</a></p>
</div><!-- //.rank_all -->
<div class="rank_genre">
<dl>
<dt class="rank_ttl">[ジャンルランキング]</dt>
<dd class="rank">196位/2316人中<img src="■アップダウン画像URL■" /></dd>
</dl>
<p><a href="■ジャンルランキングURL■" target="_blank">ジャンル</a></p>
</div><!-- //.rank_genre -->
</div><!-- //.menu_frame -->
</div><!--//#ranking-->


<!--search-->
<div id="search" class="mainMenu">
<h4 class="menu_title">ブログ内検索</h4>
<div class="menu_frame">
<form method="get" action="■検索結果URL■" name="search_box">
<input type="text" size="18" name="search_words" value="" class="searchbox" />
<input type="button" value="検索" onclick="checkForm(this.form)" class="searchbtn" />
</form>
</div><!-- //.menu_frame -->
</div><!--//#search-->


<!--scrapbook-->
<div id="joinbook">
<h4><span>参加ブック一覧</span></h4>
<div>

<ul>

<li><a href="■ブックURL■" target="_blank">■ブック名■</a></li>
</ul>
<p><a href="■ブック一覧URL■">一覧を見る</a></p>
</div>
</div><!--//#joinbook-->


<!--plugin-->
<div class="plugin">
■プラグイン■

</div><!--//#plugin-->


<!--ameblo-->
<div id="ameblo" class="mainMenu">
<div class="menu_frame">
<p>登録無料ですぐにブログがつくれます。活躍したブロガーにはごほうびも!あなたもアメーバブログでブログをつくりませんか?</p>
<ul>
<li><a href="■ブログ作成画面URL■" target="_blank" id="btn_blog"><img src="■ブログを作る画像URL■" alt="ブログを作る" /></a></li>
<li><a href="■アメーバトップURL■" target="_blank" id="link_top">アメーバブログトップへ</a></li>
<li><a href="アメブロトップURL" target="_blank" id="logo"><img src="■アメブロバナーURL■" alt="アメーバブログ" /></a></li>
</ul>
</div><!-- //.menu_frame -->
</div><!--//#ameblo-->


<!--rss-->
<div id="rss" class="mainMenu">
<div class="menu_frame">
<a href="■RSSアドレス■" target="_blank">Syndicate this site (XML)</a>
</div><!-- //.menu_frame -->
</div><!--//#rss-->


</div><!--//#sub_a-->


<!--main_column-->
<div id="main">
<div id="sub_main">


<!--message_board-->
<div id="message">
<div class="contents">
■メッセージボード■

</div><!--//#contents -->
</div>
<!--//#message -->


<!--entry-->
<div class="entry">
<div class="entry_head">
<span class="date">■記事日付■</span>
<span class="name">■投稿者名■</span>
</div><!-- //.entry_head -->
<h3 class="title">■記事タイトル■</h3>
<span class="theme">テーマ:<a href="■テーマ別アーカイブURL■">■テーマ名■</a></span>
<div class="contents">
■記事■

<!--
■RDF■
-->
</div><!-- //.contents -->
<div class="foot">
|<a href="■記事URL■">この記事のURL</a>
|<a href="■コメントボックスURL■">コメント(0)</a>
|<a href="■TBボックスURL■">トラックバック(0)</a>

</div><!-- //.foot -->
</div><!--.entry-->


<!--advertising(記事内表示の場合)-->
<div id="advertising2" class="mainMenu">
<h4 class="menu_title">ADVERTISING</h4>
<div class="menu_frame">
<div id="adJavaScript2">
<script type="text/Javascript" src="■広告画面URL■" charset="UTF-8"></script>
</div><!-- //#adJavaScript -->
</div><!-- //.menu_frame -->
</div><!--//#advertising-->


<!-- comment -->
<div id="comment_module">
<a id="cbox" name="cbox"></a>
<h3 class="title">コメント</h3>

<p class="list">[<a href="#cform">コメント記入欄はこちら</a>]</p>

<a id="■コメント別ID■" name="■コメント別名■"></a>
<div class="each_comment">
<p class="label">■コメントタイトル■</p>
<p class="comment_body">■コメント■</p>
<div class="comment_footer">
<span class="comment_author">■コメント者名■</span>
<span class="comment_date">■コメント日時■</span>
</div><!-- //.comment_footer -->
</div><!-- //.each_comment" -->
<a id="cform" name="cform"></a>
<form name="publicCommentInputForm" method="post" action="/public/blogcomment.do">

<ul>
<li><label for="f_name" class="form_name" >名前:</label>
<input type="text" name="comment_name" size="40" value="" class="input" id="f_name" /></li>
<li><label for="f_url" class="form_url" >URL:</label>
<input type="text" name="comment_url" size="40" value="http://" class="input" id="f_url" /></li>
<li><label for="f_title" class="form_title">タイトル:</label>
<input type="text" name="comment_title" size="40" value="" class="input" id="f_title" /></li>
<li><label for="f_com" class="form_com" >コメント:</label>
<textarea name="comment_text" cols="40" rows="6" class="textarea" id="f_com"></textarea></li>
<li class="lastItem"><a href="■利用規約URL■" target="_blank">利用規約</a>に同意して<input type="submit" name="submit" value="投稿する" class="button" /></li>
</ul>
<input type="hidden" name="eid" value="■記事ファイル名■" />
<input type="hidden" name="bnm" value="■ID■" />
</form>

</div><!-- //#comment_module -->


<!-- trackback -->
<div id="trackback">
<a id="tbox" name="tbox"></a>
<h3 class="title">トラックバック</h3>

<p class="tr_ping_URL"><a href="■TBURL■" target="_blank">この記事のトラックバック Ping-URL</a> : </p>
<p class="tr_URL">■TBURL■</p>

<a id="■記事のTBID■" name="■記事のトラックバック名■"></a>
<ul>
<li><span class="label">ブログタイトル:</span><span class="bodycontent">■TB先ブログ名■</span></li>
<li><span class="label">記事タイトル:</span><span class="bodycontent"><a href="■TB先記事URL■" target="_blank">■TB先記事タイトル</a></span></li>
<li><span class="label">記事概要:</span><span class="bodycontent">■TB先記事内容■</span></li>
</ul>
</div><!-- //#trackback -->

<!--footer_ad-->
<div id="footer_ad">
<p><a target="_blank" href="■アメブロトップURL■">あなたもアメーバブログでブログをつくりませんか?</a></p>
<p style="margin-top:20px; "><a target="_blank" href="■ブックトップURL■">アメーバブログなら、あなただけのオリジナルのコミュニティーがつくれます!</a></p>
</div><!--//#footer_ad-->


</div><!-- //#sub_main -->
</div><!-- //#main-->


</div><!--//#subFirstContents-->
</div><!--//#firstContents-->


<!--sub_column_b-->
<div id="sub_b">

</div><!--//#sub_b-->


</div><!--//#wrap-->


</div><!--//#subFrame-->


</div><!--//#frame-->


<img src="■アクセスログURL■" width="0" height="0" border="0" />

</body>
</html>