navi: 色の種類 線の種類 ブログサイト一覧 ASPサイト一覧

『アフィリエイト情報』『HTMLタグ情報』『ブログカスタマイズ方法』『ジュゲム&ロリポブログ用テンプレート』



移転しました

このブログも削除はしませんので、何かの参考になれば幸いです。
これからの更新は、こちらのアフィリエイト日記にて・・・

スポンサーサイト:

一定期間更新がないため広告を表示しています

  - | | - | - │ 2007.01.08 Monday │
| △トップページへ |  ▲このページの先頭へ 

:

  | | | │ │
<< カテゴリーのリスト化 | △トップページへ | テンプレート爛▲侫リエイト用 トップページ付き瓩了箸な >>  ▲このページの先頭へ 

カテゴリーのスクリプト化 verジュゲム:

ブログくん
『 ̄m ̄ ふふ
カテゴリーのスクリプト化にはイロイロと方法があります。
今回はこのブログのスクリプト(隠れたり・・出て来たり・・・)を
※このブログを見てくださいね。紹介します。

≪注意≫今から紹介するのはジュゲム用です。』
ブログくん
『難しい事は、いいから・・で、どうするの?って方は以下の手順です。

、スクリプト本体を記述します。</body>の直前(htmlテンプレートの最後の方ですよ。)に以下のようなJavaScriptを挿入します。
ではコピーして、貼り付けてください。


<script type="text/javascript">
<!--
function InitFoldNavi() {
FoldNavigation('newentry','off',false); // 最新エントリ 
FoldNavigation('entry' ,'off' ,false); // ページエントリ
FoldNavigation('comment' ,'off' ,false); // 最新コメント
FoldNavigation('tb' ,'off' ,false); // 最新トラックバック
FoldNavigation('archive' ,'off',false); // アーカイブ
FoldNavigation('link' ,'off' ,false); // リンク
FoldNavigation('profile' ,'off',false); // プロファイル
FoldNavigation('category' ,'off' ,false); // カテゴリー
FoldNavigation('reco' ,'off',false); // オススメ
FoldNavigation('search' ,'off' ,false); // 検索
FoldNavigation('fs1' ,'off',false); // フリースペース1
FoldNavigation('fs2' ,'off',false); // フリースペース2
FoldNavigation('fs3' ,'off',false); // フリースペース3
FoldNavigation('fs4' ,'off',false); // フリースペース4
FoldNavigation('fs5' ,'off',false); // フリースペース5
}
function FoldNavigation(idName,initMode,viewNum) {
var openMark = 'I open out '; /* 閉じている場合に開くためのマーク */
var closeMark = 'I close it '; /* 開いている場合に閉じるためのマーク */
var preMark = true; /* マークの挿入位置。タイトルの前なら true、タイトルの後ろなら false */
var idTitle = Array(idName,'name').join('');
var idList = Array(idName,'list').join('');
var objTitle = this.document.getElementById(idTitle);
var objLists = this.document.getElementById(idList);
if (!objTitle || !objLists) return;
var dispMode = objLists.style.display;
if (!dispMode) {
var tmpText = Array('FoldNavigation(',"'",idName,"','chng','');return(false);").join('');
var insMark = new Array();
var insText = new Array();
insMark[insMark.length] = Array('<a class="foldmark" href="#" onclick="',tmpText,'" onkeypress="',tmpText,'">').join('');
insMark[insMark.length] = (initMode == 'off') ? openMark : closeMark;
insMark[insMark.length] = '</a>';
if (preMark) insText[insText.length] = insMark.join('');
insText[insText.length] = objTitle.innerHTML;
if (viewNum) {
var objItems = objLists.getElementsByTagName('li');
insText[insText.length] = Array(' <span>(',objItems.length,')</span>').join('');
}
if (!preMark) insText[insText.length] = insMark.join('');
objLists.style.display = (initMode == 'off') ? 'none' : 'block';
objTitle.innerHTML = insText.join('');
} else if (initMode == 'chng') {
var objMarks = objTitle.getElementsByTagName('a');
for (i=0;i<objMarks.length;i++) {
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') ? closeMark : openMark;
}
}
objLists.style.display = (dispMode == 'none') ? 'block' : 'none';
}
}
InitFoldNavi(); // ナビゲーションの折り畳み
// -->
</script>



、各リストにidを付けます。ここからはテンプレートによって少し違いますよ。以下のタグは例です。必要な部分は。idの部分ですよ。
( ̄0 ̄;アッ
以前の記事で、カテゴリーのリスト化で、id(属性)を付けている方は、以下の手順は要りません。(゜゜;)エエッ




<!-- ▼ JUGEMの独自タグを使用しています。ロリポブログ場合はお使いのブログのタグと置き換えてください。 -->
<!-- BEGIN calendar -->
<div class="linktitle"><a href="./?month={calendar_prev_yearmonth}" title="前月">▼</a> {calendar_str_yearmonth} <a href="./?month={calendar_next_yearmonth}" title="次月">▲</a></div>
<div class="calendar">{calendar_only}</div>
<!-- END calendar -->
<!-- ▲ JUGEMの独自タグを使用しています。ロリポブログ場合はお使いのブログのタグと置き換えてください。 -->


<!-- search -->
<div class="linktitle" id="searchname">SEARCH</div>
<div class="linktext" id="searchlist">
<form method="get" action="" class="search_form">
<input id="search" name="search" size="20" style="width:140px" class="form" />
<input type="submit" value="?" class="button2" />
</form>
</div>
<!-- /search/ -->

<!-- BEGIN latest_entry -->
<div class="linktitle" id="entryname">ENTRIES</div>
<div class="linktext" id="entrylist">{latest_entry_list}</div>
<!-- END latest_entry -->

<!-- BEGIN category -->
<div class="linktitle" id="categoryname">CATEGORIES</div>
<div class="linktext" id="categorylist">{category_list}</div>
<!-- END category -->


<!-- BEGIN link -->
<div class="linktitle" id="linkname">LINKS</div>
<div class="linktext" id="linklist">{link_list}</div>
<!-- END link -->


<!-- BEGIN profile -->
<div class="linktitle" id="profilename">PROFILE</div>
<div class="linktext" id="profilelist">{user_list}</div>
<!-- END profile -->

<!-- BEGIN archives -->
<div class="linktitle" id="archivename">ARCHIVES</div>
<div class="linktext" id="archivelist">{archives_list}</div>
<!-- END archives -->


<!-- BEGIN recent_comment -->
<div class="linktitle" id="commentname">COMMENTS</div>
<div class="linktext" id="commentlist">{recent_comment_list}</div>
<!-- END recent_comment -->

<!-- BEGIN recent_trackback -->
<div class="linktitle" id="tbname">TRACKBACK</div>
<div class="linktext" id="tblist">{recent_trackback_list}</div>
<!-- END recent_trackback -->


<div class="linktitle" id="reconame">RECOMMEND</div>
<!-- BEGIN amazon -->
<div class="linktext" id="recolist">{amazon_item}</div>
<!-- END amazon -->

<!-- フリースペース -->
<!-- BEGIN freespace1 -->
<div class="linktitle" id="fs1name">{freespace_title1}</div>
<div class="linktext" id="fs1list">{freespace_contents1}</div>
<!-- END freespace1 -->

<!-- BEGIN freespace2 -->
<div class="linktitle" id="fs2name">{freespace_title2}</div>
<div class="linktext" id="fs2list">{freespace_contents2}</div>
<!-- END freespace2 -->

<!-- BEGIN freespace3 -->
<div class="linktitle" id="fs3name">{freespace_title3}</div>
<div class="linktext" id="fs3list">{freespace_contents3}</div>
<!-- END freespace3 -->

<!-- BEGIN freespace4 -->
<div class="linktitle" id="fs4name">{freespace_title4}</div>
<div class="linktext" id="fs4list">{freespace_contents4}</div>
<!-- END freespace4 -->

<!-- BEGIN freespace5 -->
<div class="linktitle" id="fs5name">{freespace_title5}</div>
<div class="linktext" id="fs5list">{freespace_contents5}</div>
<!-- END freespace5 -->
<!-- /フリースペース/ -->



、完了( ̄‥ ̄)=3 フン

と、手順は二つですね・・・更新が出来たら確認してみてください。
スクリプトにはイロイロと種類があるので・・・
また、いつか紹介したいと思います(^^;
私的には・・今回紹介したスクリプトがお気に入りです(*゜▽゜)ノ


サンプル 筺
サンプル◆筺
サンプル>>

  [カスタマイズ] ブログくんの話 | 12:42 | comments(4) | - │ 2006.04.24 Monday │
| △トップページへ |  ▲このページの先頭へ 

スポンサーサイト:

  - | 12:42 | - | - │ 2007.01.08 Monday │
| △トップページへ |  ▲このページの先頭へ 
コメント
はじめまして。
fc2blogのsinnpuruhiro4-2テンプレートを
ダウンロードして使用させていただいています。

質問なのですが
右メニューと同じように
左メニューもクリックで展開するようにするには
どのように書き直せばよいのでしょうか?
| もっち | 2006/05/15 3:53 PM |
もっち サン≫
新しくFC2ブログ用のスクリプトの変更法をUPしましたので参考にしてください。(*゜▽゜)ノ
あと、テンプレートがsinnpuruhiro4-2でしたら、そのままコピーで大丈夫のはずです。
http://omisewotukuru.jugem.jp/?eid=253
| hiro | 2006/05/15 4:59 PM |
お礼が遅れましてすみません。
FC2blog用の変更法までUPしていただいてありがとうございます。
さっそく参考にして色々カスタマイズしてみようかと思います。
本当にありがとうございました。
| もっち | 2006/05/23 8:00 PM |
もっち サン≫
参考になれば嬉しいです♪
難しい事は分かりませんが(^^;
分かる範囲の事でしたら、お答えしますので、
また、お越しください(*゜▽゜)ノ
| hiro | 2006/05/24 8:22 AM |
コメントする










LinkShare(リンクシェア)
リンクシュアは報酬の最低支払額などがなく、一円からでも報酬の受け取りがあり便利です。また、提携サイトに大手企業が多いです。
一番のオススメです! 
A8.net
提携先サイト数がNo1?とのほど、提携サイトが多く必ず登録して置きたいサイトの一つです。
オススメです! 
バリューコマース
A8netと同じぐらいの提携先企業をもち、そして、YAHOOショッピングのアフィリエイトはココでしか登録できません。
AccessTrade
うれしい報酬振込み手数料無料のサービスや他にはない珍しい提携先企業も魅力なAPSです。
電脳卸
報酬額(%)が一番いいAPSです。
Amazon.co.jp アソシエイト
書籍通販最大手のアマゾンが独自に行うアフィリエイトです。
Google AdSense
アドセンスは成果報酬は無くクリック報酬のみですが、リンクの張替え等の必要も無くとても便利です。