金儲けの内職 在宅ワークの手作業で内職収入以上の金儲けを目指せ!美容健康等の通販も充実。ブログのカスタマイズも紹介、ブログ表紙作成法は必見!
   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作成ツールも使わず

しかも初心者にも作成できるぜ。コピー&ベーストで十分だ。

初心者よ、初心者の俺についてこい! 
まかせろ!教えたる! 

注意 

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

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


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



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

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

無論、<!--index_area-->~<!--/index_area-->の間に

表紙(目次)ページを私のブログのようにHP作成ツール
使って作成しても構いません。

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

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

お借りする方法も有ります。


画像入り作成法の説明に戻ります。「表紙にするテンプレート」側の

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

下記をご覧下さい。(テンプレートは、[happy_family]を使用。)
<!--右メイン部分-->
<div id="main">


<!--/エントリー-->
<!--topentry-->
<table width="500" class="entry_table"  bgcolor="#ffffff"
style="background-image: ur
l(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="<%topentry_no>"
 name="<%topentry_no>"><%topentry_title></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"><%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>
</td>
</tr>
<tr>
<td>
<div class="entry_state">
【 <%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:
<%topentry_minute> 】<br><br>

| <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--> |
</div>
<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>


<!--
<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>



更にの下に下記のHTMLを挿入します。
<div class="entry_text">本文</div>

コピペで大丈夫です。



以下のように修正されました。

<!--右メイン部分-->

<div id="main">


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

<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の編集の更新をクリックします。





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

この修正されたHTMLタグを全て

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

<!--index_area-->~<!--/index_area-->の
間に挿入します。
タイトル本文を「HTMLの編集」にてHP作成ツール等を

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


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


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

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

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

ここで、頼みがある。もし、アフィリエイターを目指すのなら下記より各アフィリエイト・サイトへの登録をして頂けると嬉しい限りだ。
広告収入で稼ぐ(クリック)
また高額紹介報酬などで稼げるサイトをピックアップしているぞ!
絶対得するサイト!(クリック)
スポンサーサイト
そして応援クリックありがとうninkirankingbanner_04.gif blogrankingbanner2.gif shukanblogranking.gif
【2007/03/18 13:15 】 pagetop
| [ブログ]カスタマイズ | コメント(0) | トラックバック(0) |
<<■ New index(表紙)ページ ポイント・目次編 | TOP・目次 | プラダ通販>>
コメント
コメントの投稿











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

トラックバック
トラックバックURL
http://spark123.blog6.fc2.com/tb.php/46-eec4dfbe

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