金儲けの内職 在宅ワークの手作業で内職収入以上の金儲けを目指せ!美容健康等の通販も充実。ブログのカスタマイズも紹介、ブログ表紙作成法は必見!
   TOP(目次)ページ/ 最新ページへGo! / お気に入りに追加 / 当ブログをスタートページ設定OK

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
そして応援クリックありがとうninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif
【--/--/-- --:-- 】 pagetop
| スポンサー広告 |

■ New index(表紙)ページ ポイント・目次編

当ブログでは実に簡単スクリプトを挿入しない
ブログのindex表紙)ページ作成法を紹介してます。

■ New index(表紙)ページの作成法  
ポイント目次編

ブ ログ・カスタマイズMap
カテゴリーのツリー化        ツリー化手順編  スクリプト編  
recent commentsのツリー化       ツリー化手順編
recent trackbacksのツリー化       ツリー化手順編
recent entriesのツリー化         ツリー化手順編
リンクのツリー 化                ツリー化手順編


New index(表紙)ページの作成法     手順説明編  
New index(表 紙)ページの成法            作成編
New index(表 紙)ページの作成法     画像入り作成編
Newindex (表紙)ページの作成法   ポイント・目次作成法   


(こちらはスクリプトを挿入する作成法です。廃盤か

index (表紙)ページの作成法         手順説明編
お気に入り追加タグ           お気に入り追加タグ作成編
スタートページ 設定タグ        スタートページ設定タグ作成編


今までは、
HPのようにTOPページを全てindex(表紙)ページとしてきた。

しかし、これは一般的でないかもしれない。

それより従来のブログのように最新記事をTOPページ

表示させその上に目次常に表示させる作成法を紹介する。

もちろん、レイアウトを崩さない方法だ。これも実に簡単だ 。
コピー&ベーストで十分だ。
初心者よ、初心者の俺についてこい! 

まかせろ!教えたる! 

下図のように記事の上目次を表示させる方法です。

赤枠が常にこの上部位置に表示される目次です。
青枠が記事になります。

これは、スクリプト本体を挿入しなくても良いので、
より簡単でこちらの方が一般的でしょうか




まず、サイドメニューのテンプレートの設定をクリックします。




テンプレートの設定ページににて、
あなたが現在使用している

テンプレートと同じテンプレートを追加します。



今、追加したテンプレートの編集修正をクリックします。




HTMLの編集(あなたの選んだテンプレート名)を編集しています」にて
スクロールを下に下げていきます。


エントリー欄に<font color="#CC0000">画像・image</font>が使われていない場合と使われている場合について説明します。


こちらは、テンプレート・[candy]と同様に画像・imageが使われて
いない場合です。エントリー欄imageが使われていません。

以下のHTMLタグまでスクロールを下げて下さい。
<!--右メイン部分-->
<div id="main">


<!--/エントリー-->
<!--topentry-->
<table width="500" border="1" cellspacing="1"
bordercolor="#7fb3b3" cellpadding="0" class="entry_table"
bgcolor="#ffffff">
<tr>
<td border="0" class="entry_bg">
<div class="entry_title"><a id="<%topentry_no>" name="<%



さて、エントリー欄を修正します。

別ページにて以下のタグを挿入し、HTMLの編集更新
クリックしたらこちらへ戻ってきて下さい。では、jumpクリック)
<div class="entry_title"><a id="1" name="1">タイトル</a></div>
<div class="entry_text">本文</div>



以下のように修正できましたか。

これをこれから指定する箇所に挿入します。
<table width="500" border="1" cellspacing="1" bordercolor="#7fb3b3" cellpadding="0" class="entry_table" bgcolor="#ffffff">
<tr>
<td border="0" class="entry_bg">
<div class="entry_title"><a id="1" name="1">タイトル</a></div>
<div class="entry_text">本文 </div></td>
</tr>
</table>




こちらは、テンプレート・[happy_family] のように画像・image

使われている場合(FC2ブログもかなり画像が多くなり、共有を含めるとかなりの数になってきました。注意としてimage・画像が含まれているHTMLタグは削除しないように。)です。

以下のHTMLタグまでスクロールを下げて下さい。


<!--右メイン部分-->
<div id="main">


<!--/エントリー-->
<!--topentry-->
<table width="500" class="entry_table"  bgcolor="#ffffff" style="background-image: url(http://blog6.fc2.com/template/happy_family/image/
050419_04_bg_main.gif);" border="0" CELLPADDING="0"
CELLSPACING="0">




さて、エントリー欄を修正します。

別ページにて以下のタグを挿入し、HTMLの編集更新
クリックしたらこちらへ戻ってきて下さい。では、jumpクリック)
<div class="entry_title"><a id="1" name="1">タイトル</a></div>
<div class="entry_text">本文</div>


以下のように修正できましたか。

こちらもこれから指定する箇所に挿入します。

<table width="500" class="entry_table" 
bgcolor="#ffffff" style="background-image: url(http://blog6.fc2.com/template/
happy_family/image/
050419_04_bg_main.gif);"
border="0" CELLPADDING="0"
CELLSPACING="0">
<tr>
<td background="http://blog6.fc2.com/template/
happy_family/image/050419_04_main_title.gif"
width="500" height="60" border="0">
<div class="entry_title"><a id="1"
name="1">タイトル</a>
</div>
</td>
</tr>
<tr>
<td style="background-image: url(http://blog6.fc2.com/template/happy_family/
image/050419_04_bg_main2.gif);
background-repeat: no-repeat;">
<div class="entry_text">本文</div></td>
</tr>
<tr>
<td>
<a href="#pagetop"><img src="http://blog6.fc2.com/template/happy_family
/image/
050419_04_btn_top.gif" width="500"
height="63" border="0"></a></td>
</tr>
</table>


上記の青枠のそれぞれのHTMLタグをあなたが現在使用している

(左に旗印がある)テンプレートのエントリー欄に挿入します。
<!--topentry-->の上に挿入してください。
<!--右メイン部分-->
<div id="main">


<!--/エントリー-->
<!--topentry-->
<table width="500" class="entry_table





そして、HTMLの編集の更新をクリックします。
blog11.jpg





これでindex(表紙)ページ出来ました。簡単ですね。
タイトル本文を「HTMLの編集」にて直接記述して作成します。


HP作成ツールを使わない記述方法は
ここからクリックして下さい。


もし、無料HP作成ツールの御用の方は

当姉妹サイト「金儲け金持ちお小遣い隊」(クリック)にて
無料HP作成ツール「netscape7.1」のダウンロード及び
使用法が詳細に掲載されてます。ご覧下さい。



そう、これであなたのブログに表紙が出来た。


どうだ!簡単に表紙が出来るだろう。

これで、より個性的なブログができるぜ! 
お役に立てたのなら、俺も嬉しい。

ここで、頼みがある。もし、アフィリエイターを目指すのなら下記より各アフィリエイト・サイトへの登録をして頂けると嬉しい限りだ。
広告収入で稼ぐ(クリック)
また高額紹介報酬などで稼げるサイトをピックアップしているぞ!
絶対得するサイト!(クリック)

スポンサーサイト
そして応援クリックありがとうninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif
【2007/03/18 15:08 】 pagetop
| [ブログ]カスタマイズ | コメント(0) | トラックバック(0) |
<<New index(表紙)ページの作成法  作成編 | TOP・目次 | ■ New index(表紙)ページの作成法 画像入り作成編>>
コメント
コメントの投稿











管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://spark123.blog6.fc2.com/tb.php/50-1de4c57d

| TOP・目次 |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。