金儲けの内職 在宅ワークの手作業で内職収入以上の金儲けを目指せ!美容健康等の通販も充実。ブログのカスタマイズも紹介、ブログ表紙作成法は必見!
   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作成ツールも使わず、しかも初心者にも作成できるにはどうしたら良いのか悩んだ!作成法をができたら出来たらで、コンナに簡単に教えてしまって良いのかとも思った。
が、まかせろ教えたる 

応援クリックありがとう
ninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif

注意 
まず最初New index表紙)ページの作成法 手順説明編にて
設定を完了して下さい。

(スクリプトを挿入しないこちらを推奨します。)


まず最初 index(表紙)ページの作成法 手順説明編にて
設定を完了させてください。



私のブログは、ほとんど削除しHP作成ツールで
HP感覚で作成していますが、実は少々面倒に思っていて、
ここまでしなくても十分個性的な表紙が出来るかと思います。


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

当姉妹サイト「金儲け金持ちお小遣い隊」(クリック)にて
無料HP作成ツール「netscape7.1」のダウンロード及び
使用法が詳細に掲載されてます。ご覧下さい。
また、オークション用のテンプレート、
例えばヤフーオークションFAQクリック)などからの
テンプレートをお借りする方法もあります。


エントリー欄画像が使われていない場合を説明します。

具体的には
<!--/エントリー-->以下にimageが無いものもがそれです。
その場合のレイアウトを崩さない表紙作成法を説明します。


さて、HP作成ツールテンプレートも借りない方法として、

表紙にするテンプレート」側の

[ 修正 ]をクリックし「HTMLの編集」を修正します。

具体的には、下記をご覧下さい。

(テンプレートは、[candy] を使用。)


<!--右メイン部分-->
<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="<%topentry_no>"><%topentry_title>
</a></div>
<div class="entry_text"><%topentry_body></div>
<div class="entry_text">
<!--more_link-->
<a href="<%topentry_link>#more">続きを読む</a><!--/more_link-->

<!--more--><a name="more" id="more">
</a><%topentry_more><!--/more-->

</div>
<div class="entry_state">
【<%topentry_year>/<%topentry_month>/<%topentry_day>
<%topentry_hour>:<%topentry_minute> 】

| <a href="<%topentry_category_link>"><%topentry_category>
</a> |

<!--allow_comment-->
<a href="<%topentry_link>#comment">コメント
(<% topentry_comment_num>)</a><!--/allow_comment-->

<!--deny_comment-->コメント(-) <!--/deny_comment-->
| <!--allow_tb--><a href="<%topentry_link>#trackback">
トラックバック(<% topentry_tb_num>)</a><!--/allow_tb-->

<!--deny_tb-->トラックバック(-)<!--/deny_tb-->
| <a href="#pagetop">page top↑</a>

</div>
</td>
</tr>
</table>


<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22
-rdf-syntax-ns#"

         xmlns:trackback="http://madskills.com/public/xml/rss/
module/trackback/"

         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="<%topentry_link>"
    trackback:ping="<%url>tb.php/<%topentry_no>"
    dc:title="<%topentry_title>"
    dc:identifier="<%topentry_link>"
    dc:subject="<%topentry_category>"
    dc:description="<%topentry_discription>"
    dc:creator="<%author_name>"
    dc:date="<%topentry_year>-<%topentry_month>-
<%topentry_day>T<%topentry_hour>:
<%topentry_minute>:<%topentry_second>+09:00" />

</rdf:RDF>
-->
<!--/topentry-->

<!--/エントリー-->



赤HTMLを全て削除します。
青HTMLの下に

<div class="entry_title"><a id="1" name="1">タイトル</a></div>
<div class="entry_text">本文</div></td>
</tr>
</table> を挿入します。
コピペで大丈夫です。



以下のように修正されました。
<!--右メイン部分-->
<div id="main">

<!--/エントリー-->

<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>
<!--/エントリー-->



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




これでindex表紙)ページ出来ました。簡単ですね。

この修正されたエントリー欄のHTMLタグを全て

index(表紙)ページの作成法 手順説明編にて修正したテンプレートの

<!--index_area-->~<!--/index_area-->
間に挿入します。(挿入する前に下記をお読み下さい。)
タイトル本文を「HTMLの編集」にてHP作成ツール等を

使って直接記述して作成します。


初心者で、HP作成ツールもない!
本文を直接書けって、どうすりゃいいんだ! 
大丈夫だぜ!最初に言ったろ。安心してくれ。俺にまかせろ

先ほど修正したエントリー欄のHTMLタグ
<!--index_area-->~<!--/index_area-->の間に
挿入する前に新しく記事を書く」をクリックして、そのページの

本文にコピー&ベーストします。そして、本文を書けばいいんだ。


テキストフォーマット」は、
できれば「HTMLタグのみ」にチェックを入れます。

これで改行タグ<br>を使って自由に本文を作ってくれ。

文字に色も、画像も、リンク等も出来る・・・十分じゃあないですか!

エントリーの状態」は、
公開」にし確認しながら本文内容を作成する。


納得したら、この作成したHTMLタグコピーして、

テンプレートの設定」ページ
に移り、「HTMLの編集」にて先ほどの<!--index_area-->~<!--/index_area-->の間に
ペーストすれば表紙が出来る。 


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

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

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

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

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











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

トラックバック
トラックバックURL
http://spark123.blog6.fc2.com/tb.php/28-11a11307

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