忍者ブログ
HOME > > [PR] > カスタマイズ > カテゴリ・アーカイブページの記事一覧表示 Admin RSS  
独自ドメインを無料で利用できる忍者ブログでカスタマイズ・テンプレート・アフィリエイト・アクセスアップSEOを徹底調査 
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


ブログのカスタマイズページとアーカイブページに記事一覧を加えました。

以前読んだhttp://customize.blog.shinobi.jp/さんのページにあったタグを使わせて頂きましたが、当該ページは削除されてしまっていますので、引用しご紹介します。

メイン部分の<!--entry-->を探し、その上に下記htmlを挿入します。
テンプレにsnowmanを使っている場合、
<!--/plugin5-->
■ここに下記htmlタグを追記■
<!--entry-->

【HTML】
<!-- タイトル一覧【カテゴリページ】 -->
<!--if_category-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_category-->
<!-- /タイトル一覧【カテゴリページ】 -->
<!-- タイトル一覧【アーカイブページ】 -->
<!--if_date-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_date-->
<!-- /タイトル一覧【アーカイブページ】 -->
【CSS】
次にCSSの一番下などに下記を貼り付け。ご自分のテンプレに合わせてカラーなど変更。
/*-------------------------------------------------------
記事タイトル一覧部分 > 全体
-------------------------------------------------------*/
.TitleListBox {
font-size: 95%; /* フォントサイズ */
width: 542px; /* 枠の幅 */
text-align:left; /* テキスト位置 */
background-color:#E6E6FA; /* 背景色 */
border:1px solid #CCCCCC; /* 枠線の設定 */
padding:5px; /* 内側余白 */
margin: 0px 0px 15px 0px; /* 外側余白 */
}
/*-------------------------------------------------------
記事タイトル一覧部分 > タイトル
-------------------------------------------------------*/
.TitleListTitle {
font-weight: bold;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > テキスト
-------------------------------------------------------*/
.TitleListText {
font-size: 95%;
text-align:left;
margin: 0px 0px 0px 10px;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > ページリンク
-------------------------------------------------------*/
.TitleListPageLink {
font-size: 95%;
text-align:center;
}
PR

この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
[33]  [38]  [34]  [32]  [31]  [36]  [29]  [28]  [27]  [26]  [25
ブログ内検索
プロフィール
HN:
がりんぺいろ
性別:
非公開
自己紹介:
なんちゃってアフィリエイター
数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。といっても放置しているものが多い。
本業は硬い業種のサラリーマン。
バーコード
アクセス解析
忍者ブログで独自ドメイン・カスタマイズ カテゴリ・アーカイブページの記事一覧表示 Produced by がりんぺいろ
忍者ブログ [PR]
透過フォトver2.0 Designed by ninja-blog.com