サイドメニューを折りたたんでみました。
●Seesaa(シーサー)ブログでサイドメニューの開閉
方法は調べたところいろいろありますが、なんか複雑で難しそうです><;
中でも簡単にできそうなのは以下のやり方で、うまくいかない所は俺なりにいじくりました。
改造する際は、
いかなることがあっても自己責任でお願いしますm(_ _*)mペコ
タグの編集はわかりづらいので、詳しく画像で説明します。
▼方法
@まず、JAVAScriptを
ココからファイルをダウンロードする
A解凍したフォルダの中に「sidehide.js」があります。これをSeesaaサーバーにアップロード。
※アップロード方法は、[ツール]→[ファイルマネージャ]で参照して追加
Bサーバーにアップしたファイルのアドレスをメモしておく。
※俺の場合は「Http://toho-huhai.up.seesaa.net/image/sidehide.js」
C[デザイン]→[HTML]で"HTMLの追加"でタグの編集をします
<head>と</head>の間に
<script type="text/javascript" src="
Http://toho-huhai.up.seesaa.net/image/sidehide.js">
</script>
を挿入。
赤字は、あなたの先ほどメモしたアドレスにする。
(※わかっていると思いますが、"H"が大文字なのは便宜上なのでちゃんと小文字にしてくださいね)
分からない人は下図のとおり。
(挿入場所は<head></head>間であればどこでもいいと思うので、俺は<head>のすぐ次にしました)
挿入したら保存
D次に、サイドメニューで折りたたみたいコンテンツのタグの編集です。
仮に、「新着記事」のサイドメニューを折りたたみたいとします。
[デザイン]→[コンテンツ]で新着記事を選択
設定内の挿入テキスト(下部)に</div>と打ちます
つまり下図のようにです
そしていったん保存します
E今度は新着記事設定内のコンテンツHTML編集で、
次のように編集します。
<div class="sidetitle">
<% content.title %></div><div class="side">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>
となっていると思うので、
赤字の部分を↓のように変更します
<div class="sidetitle">
<a href="javascript:void(0);" onClick="showHide('C1');"><% content.title %></div></a>
<div class="sidehide" id="C1"><div class="side">
<% content.header -%>
<% loop:list_article -%>
(略)
変更したら保存
図でいうと以下のように変更
ここで太字赤字の「C1」について説明です
C1というのは、折りたたむサイドメニューの1個目と考えてください。
ですので、新たに違うコンテンツのサイドメニューを折りたたむ場合は、C2、C3という具合に変更し、あとは同じように行ってください。
最後に再構築して完了です