はれのち 

このページの記事目次 (カテゴリー: ブログカスタマイズ

  ← 前のページ 

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://hare77777.blog58.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | Edit | HOME |

fc2ブログ-パンくずリストの作り方、HTML・CSS設置例と6つの参考サイト

   ↑  2010/05/02 (日)  カテゴリー: ブログカスタマイズ
パンくずリストとは、「Webサイトの中のそのページの位置を、階層構造の上位ページへのリンクのリストで簡潔に記述したもの。」簡単に言うとこのブログの上部にあるヤツのことです。

名前が可愛いよね。元ネタは童話のヘンゼルとグレーテルなのかな。

お借りしたテンプレートには付いていなかったので追加したのですが、その際改めて参考にしたサイト様と、続きを読む以降に自分で書いた式を覚え書き。メモ帳に書いておくとどこに書いたか忘れてしまうので・・・。



■省略形。シンプルパンくずリスト
FC2ブログ パンくずリスト or パンくずリンク

■親子カテゴリ対応のパンくずリスト。JavaScriptで長め。
FC2ブログ用パンくずリスト 親子カテゴリ完全対応版 - hatena chips

■≫マークがいいネ。検索結果・アーカイブのパンくずリストがないので追加。
FC2 で パンくずリスト の 作り方 ブログ で SEO対策 と アフィリエイト

■○年○月表示。代わりに日付では表示できない
パンくずリストの作成 [FC2ブログカスタマイズ] - T-style.com

パンくずリストに一つずつclass設定。検索結果のパンくずリストはナシ。
FC2ブログ用パンくずリスト Ver.2 (親子カテゴリ対応版)

パンくずリスト長め。編集画面まで設定
初心者でもできる簡単FC2ブログの作り方 トップページは表示しないパンくずリストをつくりたい!




■fc2じゃないけど・・・
CSSで実装するちょっと凝ったパンくずリスト


以下、繰り返し文を極力減らして自分用に書き換えたものです。

この記事に含まれるタグ : ブログカスタマイズ 

FC2スレッドテーマ : アクセスアップ (ジャンル : コンピュータ

(記事編集) http://hare77777.blog58.fc2.com/blog-entry-28.html

2010/05/02 | Comment (0) | Trackback (0) | Edit | HOME |

■プラグインの折りたたみ(fc2ブログカスタマイズ)

   ↑  2010/04/03 (土)  カテゴリー: ブログカスタマイズ
プラグインを折りたたむ方法(クリックで開閉表示)
テンプレートHTMLのhead内に追加
<script type="text/javascript">
<!--
function dd(id){
if(document.all)OBJ = document.all(id).style; else if(document.getElementById)OBJ = document.getElementById(id).style; if(OBJ) OBJ.display=='none'?OBJ.display='':OBJ.display='none';
}
//-->
</script>

テンプレートのHTMLを編集
<!--plugin-->
<!--plugin_second-->
<dl>
<dt style="text-align:<%plugin_second_talign>"><%plugin_second_title></dt>
<dd>
<%plugin_second_content>
</dd>
</dl>
<!--/plugin_second-->

<!--plugin_third-->
<dl>
<dt style="text-align:<%plugin_third_talign>"><a href="javascript:void(0)" onclick="dd('<%plugin_third_title>')"><%plugin_third_title></a></dt>
<dd style="display:none" id="<%plugin_third_title>">
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description></p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></p>
</dd>

</dl>
<!--/plugin_third-->
<!--/plugin-->



各プラグインごとに折りたたみ設定をする
fc2ブログ管理画面→プラグインの設定→プラグインの編集から。。。

この記事に含まれるタグ : ブログカスタマイズ 

(記事編集) http://hare77777.blog58.fc2.com/blog-entry-3.html

2010/04/03 | Comment (0) | Trackback (0) | Edit | HOME |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。