はてなダイアリで、”最近の見出し”をヘッダーやフッターではなく、真横にフレーム風に出す方法を教えていただきたい。（ズバリのタグ記述希望）現在は方法がわかんないのでフッターに間抜けに貼り付けてあります。

サイドバーに出す方法ですか？

フッタに

<div class=”sidebar”>

<hatena name=”section” moduletitle=”最近の見出し”>

</div>

でどうですか。（ちゃんとタグが出るかな）

私も今月よりはじめたばかりなのですが、そのまま書くとページのフッタで

</div>

<div class=”sidebar”>

<hatena name=”calendar2”>

<a href=”

”>

<img src=”

”

border=”0” alt=”Google” align=”absmiddle”></a>

<form method=GET action=”

”>

<table bgcolor=”#FFFFFF”><tr><td>

<input type=text name=q size=22 maxlength=255 value=””>

<input type=hidden name=hl value=”ja”>

<input type=submit name=btnG value=”Google 検索”>

</td></tr></table>

</form>

<hatena name=”section”>

<hatena name=”antenna” template=”list”>

最近のキーワード

<hatena name=”keyword” listlimit=”5” cname=”web” moduletitle=”ウェブ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”elec” moduletitle=”コンピュータ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”anime” moduletitle=”アニメ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”game” moduletitle=”ゲーム” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”comic” moduletitle=”コミック” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”music” moduletitle=”音楽” template=”list”>

俺的巡回リスト

昼の部

<ul>

<li><a target=”_blank” href=”

”>ITMediaGames</li><li><a target=”_blank” href=”

”>ASCII24</li><li><a target=”_blank” href=”

”>アサヒ・コム</li><li><a target=”_blank” href=”

”>YOMIURI</li><li><a target=”_blank” href=”

”>Sankei</li><li><a target=”_blank” href=”

”>NIKKEI</li><li><a target=”_blank” href=”

”>毎日新聞</li>

</ul>

<hatena name=”question”>

</div>

としました。

たしか、はてなダイアリーのヘルプに載っていたはずですが

ソースを見るとdiv開始タグのclass属性の値が

class=””sidebar””

と全角文字でクオートされています。

”を消せば動くのでは。

上の方の回答で概ね間違いないのですが、はてなの回答フォームの仕様でダブルクォーテーション（”）が全角になってしまっているようですので、半角に修正してお使いください。

横に持ってくるには、スタイルシートに

div.main {

margin-left: 21%;

}

div.sidebar {

width: 20%;

float: left;

}

などと書いて下さい。

尚、既にフッターにdiv class=”sidebar”があるようですので、hatena name=”section”モジュールもその中に書くと良いと思います。

　お使いのテーマは再度バーに対応していないので、若干細工が必要です。

　右側に縦長に表示させる場合

　ダイアリーの設定のスタイルシート欄に、

div.main{margin-left:5%; margin-right:25%;}

div.sidebar{left: 75%;}

と書きます。

　ダイアリーの設定のヘッダ欄の最後に、

<div class=”main”>

　ダイアリーの設定のフッタ欄の先頭に、

</div>

<div class=”sidebar”>

<hatena name=”section” template=”list”>

</div>

と書きます。

　とりあえず、右側に表示されませんか?

僕がやっているやり方です。

参考URLは僕が参考にさせてもらったところです。

ちなみに下のをそのままコピペすると、検索窓から最近のブログから、アンテナから全部はいるはずです。

ただし使っているテーマがサイドバーに対応していない場合はスタイルシートにさらに追加して書き込みしないといけません。下記は私の場合のを書いておきます。

数値をいじれば、トップからの位置とか左右のバランスを調整できます。

________ここから下をフッターに入れる_______________

</div>

<div class=”sidebar”>

<BLOCKQUOTE><B>

このへんにサイドバーに表示させたい内容を書く。フォントタグとか有効です。

</BLOCKQUOTE>

</FONT>

<hatena name=”calendar”>

<center>

<hatena name=”calendar2”></center><FONT size=”2”>

<hatena name=”section” listlimit=”50” titlelength=”40” moduletitle=”過去の記事” showcategory=”false” template=”list”></FONT>

<center><hatena name=”searchform”></center>

<hatena name=”antenna”>

</div>

＿＿＿＿＿＿＿＿＿ここまで＿＿＿＿＿＿＿＿＿＿＿

＿＿＿テーマの種類により、スタイルシートの一番下にコピペ＿＿

div.main {

margin-left:37%;

}

div.sidebar {

position:absolute;

top:200px;

left:1px;

width:34%;

}

サイドバーの出し方を見て自分のところにつけてみましたらできました。

■１．ＣＳＳに追加必要かどうか見極める

　　追加が必要なテーマは記載通り追加する

■（２．）CSSの記述欄にサイドバーの記述を追加

　例）そのままこんな風に

div.main{margin-left:5%; margin-right:25%;}

div.sidebar{left: 75%;}

■３．サイドバーを記述する　HTMLを記載する

例）

ヘッダに

<div class=”main”>

フッタに

</div>

<div class=”sidebar”>

<hatena name=”antenna”>

</div>

など。

■４．表示位置をCSSなどで調整する

一旦「この内容に変更する」ボタンを押してその後

　CSSの　表示位置指定　ピクセル指定やパーセント指定を変えて自分のページにあわせてみる

という感じかなあと思いました。

ポイントは要りません。

6で紹介された日記を書いているものです。

6の回答ですと、b,font,centerと物理要素が並び、引用部でも無いのにblockquoteとなっているので適宜b,font,center等を抜いて使った方が良いと思います。

右側にsidebarを配置する方法を参考URLに書きましたのでご参照下さい。