HTML構造
※このHTML構造は結構古いので、私のエントリーではなくてスタッフであるid:kyabanaさんのエントリーの方を見てください!
現時点でのHTML構造の概要メモ。CSSいじる用にどうぞ。
<body class=""> <div id="globalheader-container"></div> <div id="container"> <div id="container-inner"> <header id="blog-title"> <div id="blog-title-inner"> <h1 id="title">ブログタイトル</h1> <h2 id="blog-description">ブログ説明</h2> </div> </header> </div> <div id="content"> <div id="wrapper"> <div id="main"> <div id="main-inner"> <!-- loop start--> <article class="entry"> <div class="entry-inner"> <header class="entry-header"> <div class="date"> <span>YYYY</span><span>-</span><span>MM</span><span>-</span><span>DD</span> </div> <h1 class="entry-title"><a href="">エントリータイトル</a></h1> </header> <div class="entry-content"> エントリー本文 <div id="google_afc_user"> Adsense </div> </div> <footer class="entry-footer"> <p class="entry-footer-section"> <span class="author">エントリー作者id</span> <span class="entry-footer-time"><a><time>投稿時間</time></a></span> <span class="hatena-star-comment-container">スタコメ</span> <span class="hatena-star-star-container">スター</span> </p> <div class="commnet-box"> <ul class="comment"> <!-- loop start--> <li class="entry-comment"> <p class="comment-user-name">コメント作者id</p> <div class="comment-content">コメント本文</div> <p class="comment-metadata">投稿時間</p> </li> <!-- loop end--> </ul> <p class="leave-comment-title">コメントを書く</p> </div> </footer> </div> </article> <!-- loop end --> </div><!-- #main-inner --> </div><!-- #main --> <aside id="box2"> <div id="box2-inner"> <div class="hatena-module hatena-module-profile"> <div class="hatena-moduletitle">Profile</div> <div class="hatena-modulebody"> <img src="" alt="hatenaid" class="profile-icon"> <span class="id"><a>id:hatenaid</a></span> <p class="profile-description"> ブログ説明 </p> </div> </div> <div class="hatena-module hatena-module-search-box"> <div class="hatena-moduletitle">Search</div> <div class="hatena-modulebody"> <form class="search-form" role="search"> <input type="text"class="search-module-input" value="" placeholder="Search"> <input type="submit" alt="Search" class="search-module-button" /> </form> </div> </div> <div class="hatena-module hatena-module-links"> <div class="hatena-module-title">Links</div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li><a href="http://hatenablog.com/">トップページ</a></li> <li><a href="http://blog.hatena.ne.jp/help">ヘルプ</a></li> <li><a href="http://staff.hatenablog.com/">お知らせ</a></li> </ul> </div> </div> </div> </aside> </div><!-- #wrapper --> </div><!-- #content --> </div><!-- #container --> <footer id="footer"> <address> <a href=""><img src="" />hatenaid</a> </address> </footer> </body>