×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
この場所は、プラグインフリースペースです。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン4」の配置場所になります。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン4」の配置場所になります。
忍者ブログの、最新記事、最新コメント、最新トラックバックは、他のブログと比べて若干表示方法が違っています。
他のブログ同様に、1列でタイトルと日付表示をする方法です。
一番簡単なのが、この方法です。
テンプレートのCSSファイル側から纏めてインライン指定をすると、他のプラグインに影響が出ることが考えられるので、プラグインを直接編集していきます。
専門用語が出てきていますが、HTML、CSSが分からなくても簡単に編集できます。
まずは、最新記事のカスタマイズから。
※最新記事のプラグイン
ここに、以下のように「スタイル」を追加していきます。
最後の「<br>」改行のタグも忘れずに。
また、青字部分の指定は「フォントのサイズ」指定です。同じ大きさだと若干見づらくなるので、このように指定してみました。
フォントサイズは勿論、カラーなどもカスタマイズできます。
スタイルシートの詳細は、こちらも参照してみて下さい。
文字デコ・基本のCSSの命令文(プロパティ)
以下、最新コメントも最新トラックバックも同様の処理を行います。
若干形が違うので、注意してみて下さい。
※そのままコピペでも使えます。
他のブログ同様に、1列でタイトルと日付表示をする方法です。
ブロック要素をインラインにする
一番簡単なのが、この方法です。
テンプレートのCSSファイル側から纏めてインライン指定をすると、他のプラグインに影響が出ることが考えられるので、プラグインを直接編集していきます。
専門用語が出てきていますが、HTML、CSSが分からなくても簡単に編集できます。
まずは、最新記事のカスタマイズから。
※最新記事のプラグイン
<!--plugin_entry-->
<div class="plugin_data">
<a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date">(<!--$plugin_entry_mon-->/<!--$plugin_entry_day-->)</div>
<!--/plugin_entry-->
<div class="plugin_data">
<a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date">(<!--$plugin_entry_mon-->/<!--$plugin_entry_day-->)</div>
<!--/plugin_entry-->
ここに、以下のように「スタイル」を追加していきます。
<!--plugin_entry-->
<div class="plugin_data" style="display:inline;">
<a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">(<!--$plugin_entry_mon-->/<!--$plugin_entry_day-->)</div><br>
<!--/plugin_entry-->
※そのままコピペでも使えます。<div class="plugin_data" style="display:inline;">
<a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">(<!--$plugin_entry_mon-->/<!--$plugin_entry_day-->)</div><br>
<!--/plugin_entry-->
最後の「<br>」改行のタグも忘れずに。
また、青字部分の指定は「フォントのサイズ」指定です。同じ大きさだと若干見づらくなるので、このように指定してみました。
フォントサイズは勿論、カラーなどもカスタマイズできます。
スタイルシートの詳細は、こちらも参照してみて下さい。
文字デコ・基本のCSSの命令文(プロパティ)
以下、最新コメントも最新トラックバックも同様の処理を行います。
若干形が違うので、注意してみて下さい。
※そのままコピペでも使えます。
最新コメントのHTMLカスタマイズ
<!--plugin_comment-->
<div class="plugin_data" style="display:inline;">
<div class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->" style="display:inline;">
<a href="<!--$plugin_comment_link-->"><!--$plugin_comment_title--></a>
<!--if_comment_res--><img alt="" align="absMiddle" src="http://bfile.shinobi.jp/emoji/V/88.gif" /><!--/if_comment_res-->
</div>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">[<!--$plugin_comment_mon-->/<!--$plugin_comment_day--> <!--$plugin_comment_name-->]
</div><br>
<!--/plugin_comment-->
<div class="plugin_data" style="display:inline;">
<div class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->" style="display:inline;">
<a href="<!--$plugin_comment_link-->"><!--$plugin_comment_title--></a>
<!--if_comment_res--><img alt="" align="absMiddle" src="http://bfile.shinobi.jp/emoji/V/88.gif" /><!--/if_comment_res-->
</div>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">[<!--$plugin_comment_mon-->/<!--$plugin_comment_day--> <!--$plugin_comment_name-->]
</div><br>
<!--/plugin_comment-->
最新トラックバックのカスタマイズ
<!--plugin_trackback-->
<div class="plugin_data" style="display:inline;">
<a href="<!--$plugin_trackback_link-->"><!--$plugin_trackback_blog_title--></a>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">(<!--$plugin_trackback_mon-->/<!--$plugin_trackback_day-->)</div><br>
<!--/plugin_trackback-->
<div class="plugin_data" style="display:inline;">
<a href="<!--$plugin_trackback_link-->"><!--$plugin_trackback_blog_title--></a>
</div>
<div class="plugin_data_date" style="display:inline;font-size:10px;">(<!--$plugin_trackback_mon-->/<!--$plugin_trackback_day-->)</div><br>
<!--/plugin_trackback-->
PR
この場所は、プラグインフリースペースです。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン4」の配置場所になります。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン4」の配置場所になります。
Comment
Trackback
Trackback URL
Comment form
この場所は、プラグインフリースペースです。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン5」の配置場所になります。
タイトル表示はされません。自由にブログアイテムを配置することが可能です。
*こちらのスペースは、「プラグイン5」の配置場所になります。