menu
基礎知識 タグseoアフィリエイトIT用語ブログカスタマイズseesaaMTFC2

seesaaブログにパンくずリストを付ける

無ブロでビブロさんのところでパンくずリストをseesaa blogに付ける方法が載っていたので早速やってみました。

変更する箇所は3箇所です

デザイン→コンテンツ→記事→HTML編集

1.カテゴリーページにパンくずリストを付ける

<% if:page_name eq 'category' -%>
この下に

<div class="crumb"><a
href="<% blog.page_url %>">TOP</a>>
<% category.name %></div>


赤字の部分を挿入
(タグが直接貼れなかったので、<>部分が全角になっています。
半角にするか、無ブロでビブロさんのところでタグを拾ってくださいね。)


2.個別記事ページにパンくずリストを付ける

<% if:page_name eq 'article' -%>
の下に

<div class="crumb">
<a href="<% blog.page_url %>">Top><% article.subject %>
<% /loop -%></div>


赤字の部分を挿入
(タグが直接貼れなかったので、<>部分が全角になっています。
半角にするか、無ブロでビブロさんのところでタグを拾ってくださいね。)

3.CSS(スタイルシート)の編集

後はCSSに

.crumb{
color:#000;
font-size:90%;
text-align:left;
margin:0px;
width:100%;
padding : 5px;
}


を追加すればできあがり。

スタイルシートを開いて、一番下に貼り付けました。
私はcolor:#000;を取ってテキストが他の部分と同じになるようにしました。

このままだと文字が黒いので、こうすると自分のサイトの色に合いますよ。


あ?パンくずリストがわからない?
パンくずリストって何?

<関連記事>
seesaaブログで日付を消す
seesaaブログで新着記事の日付を消す
seesaaブログにパンくずリストを付ける
seesaaブログでタイトルタグの順番を変える
seesaaブログで表を入れる
seesaaブログでトップに戻るを入れる
seesaaブログでこのページのトップへを入れる
seesaaブログでコピーライトを入れる
seesaaブログでナビメニューを付ける
seesaaブログでグーグルサイトマップを使う

posted by えのさん at 2006-03-30 | Comment(0) | TrackBack(1) | seesaaブログカスタマイズ
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

『パンくずリスト』つけてみました。
Excerpt: 参考に改造してみました。ありがとうございました。
Weblog: ★ちびくま部屋★
Tracked: 2006-12-08 03:21

<記事一覧>
■SEOの基礎知識
seoとはキャッシュされるって?グーグルサイトマップと利用法pingサーバー送信先<最新版>...more
■検索エンジンに登録
グーグルに登録しようヤフーに登録しようmnsに登録しようグーグルサイトマップに登録しよう
■アフィリエイトの基礎知識
アフィリエイトって何?グーグルアドセンスを貼るときの注意レンタルサーバーってどこがいいの?...more
■IT用語の基礎知識
トラックバックとはpingを送信する意味パンくずリストって何?...more
■seesaaブログカスタマイズ
seesaaブログで日付を消すseesaaブログで新着記事の日付を消すseesaaブログにパンくずリストを付けるseesaaブログでタイトルタグの順番を変えるseesaaブログで表を入れるseesaaブログでトップに戻るを入れるseesaaブログでこのページのトップへを入れるseesaaブログでコピーライトを入れるseesaaブログでナビメニューを付けるseesaaブログでグーグルサイトマップを使う...more
■FC2ブログカスタマイズ
...more
■MTブログカスタマイズ
MTで日付を消すMTでトップページの月別アーカイブを消す...more
■タグ関連の記事
画像にリンクを張るテーブルタグ+画像文字の色を変える画像を配置する 文章回り込みのタグ文字の大きさを変える...more
×

この広告は90日以上新しい記事の投稿がないブログに表示されております。