ご覧のようにサイドメニューの折りたたみを行いました。
以前のブログもそうでしたがサイドメニューを全部表示させると、非常に長くなってしまい目的のメニューを探すのにかなりスクロールしないといけなくなり、それが煩わしい。 私はそう感じてしまうのです。
で、カスタマイズを指南しているブログを探しまして、早速行いました。
方法は管理ページのブログ設定→カスタムJS→body内に以下のスクリプトを入れます。
<script type="text/javascript" src="http://koikikukan.up.seesaa.net/js/menufolder.js" charset="utf-8"></script>
<script type="text/javascript">
//<![CDATA[
var elements = document.getElementsByTagName('div');
var folddata = new Array();
var foldname,foldlist,fold,flag;
var counter = 1;
for (var j = 0,len = elements.length; len > j; j++) {
if (elements[j].className == 'sidetitle') {
if ((elements[j].innerHTML).indexOf('livedoor NEWS') != -1) {
flag = 0;
} else {
foldname = 'fold' + counter + 'name';
elements[j].setAttribute('id',foldname);
flag = 1;
}
}
if (flag && elements[j].className == 'side') {
foldlist = 'fold' + counter + 'list';
elements[j].setAttribute('id',foldlist);
counter++;
}
}
FoldNavigation('fold3','off',false);
FoldNavigation('fold4','off',false);
FoldNavigation('fold5','off',false);
FoldNavigation('fold6','off',false);
FoldNavigation('fold7','off',false);
FoldNavigation('fold8','off',false);
//]]>
</script>
赤字の部分が折りたたむメニューです。 私のブログでは3番目のメニュー「最新記事」から8番目のメニュー「リンク」まで折りたたんでいます。 この部分を御自分のブログで調節してください。 開いた状態にしておきたいときはoffをonにすればOKです。
このスクリプトは小粋空間から頂きました。
以前のブログもそうでしたがサイドメニューを全部表示させると、非常に長くなってしまい目的のメニューを探すのにかなりスクロールしないといけなくなり、それが煩わしい。 私はそう感じてしまうのです。
で、カスタマイズを指南しているブログを探しまして、早速行いました。
方法は管理ページのブログ設定→カスタムJS→body内に以下のスクリプトを入れます。
<script type="text/javascript" src="http://koikikukan.up.seesaa.net/js/menufolder.js" charset="utf-8"></script>
<script type="text/javascript">
//<![CDATA[
var elements = document.getElementsByTagName('div');
var folddata = new Array();
var foldname,foldlist,fold,flag;
var counter = 1;
for (var j = 0,len = elements.length; len > j; j++) {
if (elements[j].className == 'sidetitle') {
if ((elements[j].innerHTML).indexOf('livedoor NEWS') != -1) {
flag = 0;
} else {
foldname = 'fold' + counter + 'name';
elements[j].setAttribute('id',foldname);
flag = 1;
}
}
if (flag && elements[j].className == 'side') {
foldlist = 'fold' + counter + 'list';
elements[j].setAttribute('id',foldlist);
counter++;
}
}
FoldNavigation('fold3','off',false);
FoldNavigation('fold4','off',false);
FoldNavigation('fold5','off',false);
FoldNavigation('fold6','off',false);
FoldNavigation('fold7','off',false);
FoldNavigation('fold8','off',false);
//]]>
</script>
赤字の部分が折りたたむメニューです。 私のブログでは3番目のメニュー「最新記事」から8番目のメニュー「リンク」まで折りたたんでいます。 この部分を御自分のブログで調節してください。 開いた状態にしておきたいときはoffをonにすればOKです。
このスクリプトは小粋空間から頂きました。