トップ初めに|アフィリエイト| カスタマイズ|アクセスアップ相互リンク
Top> カスタマイズ:seesaaカスタマイズ
2007年06月03日

seesaaブログカテゴリーのツリー化

今回seesaaカテゴリーのツリー化に挑戦の記事です。

この記事はいつもカスタマイズの参考にさせて頂いている

大ちゃんの、ブログで稼げるか様の記事を参考に書かせて頂きます。

《手順》
1 記事投稿の記事カテゴリ名をつける時、
『カテゴリ名:サブカテゴリ名』にする(:は全角コロン)
 例)ブログアフィリエイト:ASP紹介

2 「デザイン」→「コンテンツ」の中の「カテゴリ」を選び、右上の「HTML編集」で、
以下を上書きコピー(既存のコードを全て削除し貼り付ける)する。

< div class=" sidetitle" > < % content.title %> < /div>
< div class=" side" >
< % content.header -%>
< % loop:list_category -%>
< a href=" < % category.page_url %> " > < % category.name | tag_break %> (< % category.article_count | __or__ | echo(" 0") %>)< /a> < br />
< % /loop -%>
< % content.footer -%>
< /div>

ここで「保存」

3「デザイン」⇒「コンテンツ」⇒「カテゴリ」⇒挿入テキスト(下部)』に、以下を貼り付ける。

< SCRIPT language=" JavaScript" >
<!--
/////////////////////////////////////////////////////////////////////////////////
tree("カテゴリ", "左"); //←この行を変更する
/////////////////////////////////////////////////////////////////////////////////
function tree(title,position){
var category=new Array();
var subcategory=new Array();
category[0]=null; subcategory[0]=null;
if(position=="左"){
position=" links-left"
}else if(position=="右"){
position=" links"
}else{
return;
}
var tmp=document.getElementById(position).getElementsByTagName('div');
for(var i=0;i< tmp.length;i++){
if(tmp[i].innerHTML==title) break;
}
if(i==tmp.length) return;
var target=tmp[i+1];
var tmp2=target.getElementsByTagName('a');
for(var j=0;j< tmp2.length;j++){
var link=tmp2[j].innerHTML;
if(tmp2[j].innerHTML.indexOf(":")==-1){
category[j+1]=" < a href=" +tmp2[j].getAttribute('href')+ " > " + link+" < /a> "
subcategory[j+1]=null;
}else{
category[j+1]=link.substring(0,link.indexOf(":"));
subcategory[j+1]=" < a href="+tmp2[j].getAttribute('href')+ " > "
+link.substring(link.indexOf(":")+1,link.length)+ " < /a>"
}
}
category[j+1]=null; subcategory[j+1]=null;
//出力
var tmpHTML=" < br> "
for(i=1;i< (category.length-1);i++){
if(subcategory[i]==null){
tmpHTML+=("◆ "+category[i]+ < br> < br> ");
}else{
if(category[i]!=category[i-1]) tmpHTML+=("◆ "+category[i]+ " < br>");
if(category[i]==category[i+1]){
tmpHTML+=("├" +subcategory[i]+ " < br> ");
}else{
tmpHTML+=("└" +subcategory[i]+ " < br> < br> ");
}
}
}
target.innerHTML=tmpHTML;
}
// -->
< /SCRIPT>



まだ続きがありますよ〜!!カテゴリーのツリー化続きを読む


2006年12月27日

seesaaブログカスタマイズ強い味方のサイト様

人気ブログランキング
J RANKランキング
久々の更新です。
seesaaブログのカスタマイズは、始めると結構はまりますね^^

seesaaブログ初心者の頃、もちろん今でもカスタマイズに困った時
参考にしているサイト様を、紹介しようと思います。
[seesaaブログカスタマイズ]続きを読む
2006年11月14日

seesaaタイトル下に自由形式

seesaa初心者さんの為に、
「ブログのタイトル下に自由形式」を表示するカスタマイズ
をご紹介します。


ブログ初心者kyonのブログは今何位??
人気ブログランキング
J RANKランキング
[自由形式]表示のカスタマイズ続き
2006年11月11日

SEESAAカスタマイズにカラーパレット

ブログを始めてテンプレートのいろいろな場所の色を変えてみたく
なりませんか??

なりますよね。
今回私がよく利用させて頂いている、カラーパレットを紹介します。
とっても見やすいので、利用させて頂いて下さい。

今日は○位かな??
人気ブログランキング
J RANKランキング
[カラーパレット]を利用してみましょう続き
2006年10月08日

画面左下に流れる文字を作る♪

今日のカスタマイズは、

画面左下に流れる文字を作って見ました。
参考にさせて頂いたのは、「まだ稼げない?アフィリエイト講座ブログ(blog)」さん
の記事です☆

私のブログ左下流れてますね♪
応援してね♪
人気ブログランキング
J RANKランキング

作り方はランキングのあとに続きを読んでくださいね♪

作り方の続きです
2006年10月03日

カテゴリーを記事一覧表示 追記

できました。
できなくなってしまった記事一覧表示戻りました><

よかったです。
一部修正があるようなので、探して何度もやってみました。
もし、お困りの方いましたら。

コメントどうぞ。
よかったです。

最後に応援♪
FC2ブログランキング

タグ:カテゴリー
2006年10月01日

*カテゴリを記事一覧表示にしてみました*

今日は時間があったので、ずっとしてみたかったカスタマイズをしてみました。
「カテゴリを選ぶと記事一覧が表示される。」

試す前に実験してみてくださいね☆

1管理画面デザインコンテンツ を選んでください。

「記事」(ページコンテンツ)というのがありますね。

開くと、右上に「コンテンツHTML編集」がありますので選択してください。

Ctrl+Fキーで
<% if:page_name eq 'category' -%>
<% /if -%>

という部分を探してみて下さい。

2・その部分をこのように書き換えてみてください。

<% if:page_name eq 'category' -%>
<div id="clist">
<p>このカテゴリの記事一覧です。</p>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>
<% /if -%>

*<>の表記をかな表記しています。

保存して、カテゴリページを再構築。
その後次に進む前に、プレビューでちゃんと一覧がでるか確認してみてくださいね!!

3・バランスを整えるためにCSSに以下を追加します。

管理画面デザインスタイルシート を選択して下さい。

使っているスタイルシートの修正画面で、1番下に次のCSSを
追加してみて下さい。


/* カテゴリ記事リスト */
#clist {
text-align:left;
background:#FEFFF0;
margin: 20px;
padding: 10px;
border: 3px double #B2B2B2;
font-size: 90%;
}
#clist li {
margin-bottom: 0.6em;
font-size: 90%;
font-weight:normal;
line-height:150%;

赤字の部分は背景の色なので、好きな色にかえてみてください。

最後に「スタイルシートの変更」を押してできあがりです!!
そのまた最後にすべてを再構築して記事のみだれ等ないか確認してみてくださいね。

今回参考にさせて頂いたのは、こちらの
「seesaaデザインテンプレート」のサイトです。
http://template.seesaa.net/article/2429125.html


今後も頑張ってカスタマイズして行きますので、よろしくお願いいたします。
「初心をわすれずに」

応援してね♪
人気ブログランキング
J RANKランキング
    
 続きを読む
2006年09月23日

素敵なテンプレート

ブログを始めてきて、
やはり、みな思うことはやっぱり素敵なサイトにしたいかわいい
ということではないですか??

私も最初はseesaaの提供しているテンプレートを使っていましたが、
カスタマイズをしてみたいっっぴかぴか(新しい)ぴかぴか(新しい)
と思いブログサーフィンをしました。

そこで出合ったのが、小粋空間さんのテンプレートです。
とっても素敵で、seesaa以外のテンプレートも提供してくださっております。

カスタマイズの方法も詳しく知ることができますよexclamation
とっても素敵です。・・・・・小粋空間 名前のとおり黒ハート

あと、使いやすさで言えば、断然FC2です。


↓ホームページをはじめよう!

登録はこちら>>>


ここはカスタマイズも慣れてくれば簡単です。
まだまだこれから素敵なサイトを目指して今日も奮闘中です。

ポチットブログランキング

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

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