TEMTEM★倶楽部

Ｑ16．記事タイトルに、NEWアイコンをつけたいのですが？

Ａ．鮎作成のテンプレには、NEWアイコンの付いてないテンプレもあります（最初の方に作ったテンプレ）。
設置は簡単ですので、お試し下さい。
但し、IEしか反映されません。

〔1〕NEWアイコンをアップロードします。
どこかの素材屋さんで借りてきた場合は、貴方のブログでファイルアップします。
鮎作成のアイコンを使う場合は、不要です（カテゴリー：素材参照）。

〔2〕「HTMLの編集」内の〔head〜/head〕の中に、

<!--記事タイトルのNEWアイコン-->
<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="http://blog85.fc2.com/
z/zuttoissyodayo2/file/newicon11.gif">')}
}
--></script>

</head>

赤太文字を入れてください。
下線部分は、NEWアイコンのURLを入れてください。
アイコンURLを知るには、UPした画像の上で右クリック→プロパティ→アドレス：(URL)をコピーします。

〔３〕同じく「HTMLの編集」内の

<!--topentry-->
<div class="section" id="a<%topentry_no>">

<div class="entry-header"><h2><%topentry_title>
　<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
</h2></div>

の青太文字を追加してください。
上の場合は、記事タイトルの後に表示されます。
記事タイトル前に表示したい場合は、
<%topentry_title>
の前に貼り付けてください。

Ｑ15.『続きを読む』（文字が違うテンプレもあり）を押すと、続きの記事ではなく、記事のTOPが表示されるのと、本文と続き文が改行されずに、くっついて表示されるのを直したい。

Ａ．以下の場所に追加タグ（赤文字）を入れてください。
（このまま、全部をコピペでもＯＫ〜）
「HTMLの編集」内、

<div class="entry-body"><%topentry_body>

<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>#more"
title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->

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

<!-- 記事フッター部分 -->
<ul class="entry-footer">

Ｑ14．ブラウザ「Opera」で改行できるようにする方法は？

Ａ．答えの前に…言い訳です

ブラウザ「Opera」ですが。
杏のテンプレートでは、改行がされません。
改行反映されるように調べたのですが、それをしちゃうと、なんか、全体文字が細くなっちゃうんです…(T.T)
（↑杏のパソコンだけかも知れませんが…）
なんかそれが杏的には、許せなくて……f(^ー^;

なので、ブラウザ「Opera」の改行問題は、放棄しました。
これから作るテンプレートにも、対処は致しません。
ごめんなさいm(__)m

でも、皆様のブログではOperaの方がお見えかも知れませんので、改善方法だけ書いておきますね。

「スタイルシートの編集」の上の方にある、

*:before,
*:after {
content : "";
}

を消すと、改行が反映されるそうです。

Ｑ13．右メニューを左側にする方法を教えてください。

Ａ．メニューの位置って、人それぞれでお好みがあるみたいですね。
杏は、基本は、テンプレが気に入れば、どちらでも良いのですが、ポリシーがある方もお見えみたいですので、変更方法を書いておきますね。
下記の場所を変更してください。

各記事にて、『変更不可』と書かれているテンプレートは、変更できませんので、ご注意ください。


「スタイルシートの編集」内、

div#primary-column {
float : left;　→right
width : 500px;
padding : 0px 20px 15px 30px; ←赤数字を反対に（左右の空白）
voice-family : ""}"";
voice-family : inherit;
width : 500px;
}

div#secondary-column {
float : right;　→left
width : 260px;
padding : 0px 20px 15px 10px;　←赤数字を反対に（左右の空白）
}

paddingの書き方がそれぞれのテンプレで違ってるので、ご注意ください。
（padding:10px←上部 15px←右部 20px←下部 30px←左部;）

Ｑ12．ブログ名＆説明文の位置＆幅の変更方法は？

Ａ．「スタイルシートの編集」内の下記の場所をそれぞれ変更してください。

★ブログ名のカスタマ★

/* タイトル */
div#branding h1 {
font-family : "HGP創英角ﾎﾟｯﾌﾟ体",Osaka;
font-weight : normal;
voice-family : ""}"";
voice-family : inherit;
font-size : x-large;
padding-top : 120px;　←上部余白
padding-left : 35px;　←左側余白
padding-right : 400px;　←右側余白
font-size : xx-large;
text-align : left;
}

★ブログ説明文のカスタマ★

/* サイトの説明 */
div#branding p {
font-family : "HGP創英角ﾎﾟｯﾌﾟ体",Osaka;
font-weight : normal;
color : #c2d0de;
padding-left : 40px;　←左側余白
padding-right : 400px;　←右側余白
padding-top : 5px;　←　ブログ名との間
padding-bottom : 5px;
font-size : x-small;
voice-family : ""}"";
voice-family : inherit;
font-size : small;
text-align : left;
}

『padding : 10px 20px 0px 20px;』となってるテンプレートもあるかも…。
この場合、padding : 10px（←上部余白） 20px（←右余白） 0px（←下余白） 20px（←左余白）;を表しています。

〔注意〕
テンプレートに寄って、書き方が違いますが、良く見れば判ると思います。