★当ファンブログのカスタマイズ 記録メモ7★***********************************************************************
■2013.08.22 ブログの上段部と下段部に、ローテーション広告を表示させた。
***********************************************************************
「スタイルの編集」→「フリースキンの編集」の「メイン」「ポータル」「アーカイブ」
「1記事」「プロフィール」の各々のHTMLに追加した。
( < を、全角に変更して記載、そうしないと本当のHTMLとして認識し、表示されない為 )-------------------------------------------------------------------------------
<上段部の表示>
<div id="main" class="clr">
<!--▼▼▼追加20130820▼▼▼-->
<table style="width: 880px;" border="0"><tbody><tr>
<td style="width: 140px;" height="160" align="center" valign="middle" bgcolor="#C90">
(★ここに、A8netの125×125のバナー広告)
</td>
<td style="width: 730px;" height="150" align="left" valign="middle" bgcolor="#C90" >
(★ここに、A8netの728×90ローテーション広告)
</td></tr>
<tr>
<td style="width: 140px;" align="center" valign="middle">
</td>
<td style="width: 730px;" align="left" valign="middle">
<br />.
</td>
<tr>
<td style="width: 140px;" align="center" valign="middle">
</td>
<td style="width: 730px;" align="left" valign="middle">
(★ここに、Google Adsenseのリンク広告728)
<br />.
</td></tr>
<td style="width: 140px;" align="center" valign="middle">
</td>
<td style="width: 730px;" align="left" valign="middle">
<p align="right">
<a title="免責事項" href="https://fanblogs.jp/sandi/category_21/" target="_blank"> 免責事項 </a>
</td>
</tr></tbody></table>
<!--▲▲▲▲▲▲-->
<div id="wrapper" class="clr">
-------------------------------------------------------------------------------
<下段部の表示>
<div id="footer">
<!--▼▼▼追加20130820▼▼▼-->
<br />
(★ここに、Google Adsenseのリンク広告728)
<br /><br />
(★ここに、A8netの728×90ローテーション広告)
<br /><br /><br />
<address> Copyright © <a href="http://www.sandi-hp.com/">
無料Webサイト構築サポート (エス・アイ・コム)</a> All rights reserved. </address>
<p style="text-align:right"><a href="#header" title="このページの先頭へ">このページの先頭へ</a></p>
<br /><br />
<!--▲▲▲▲▲▲-->
</div><!-- /footer -->
2013年08月19日
///////////////////////////////////////////////////////////////////////////////////////////////////////
★当ファンブログのカスタマイズ 記録メモ6★
///////////////////////////////////////////////////////////////////////////////////////////////////////
**********************************************************************
■2013.08.19 「ブログタイトル」および「記事タイトル」に
マウスオーバー時、水色(#0FF)を表示すると見やすいので、
下記のように、CSSプロパティを変更・追加。
**********************************************************************
----------------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のCSSを変更と追加(赤字の部分)
----------------------------------------------------------------------
<ブログ タイトル>
/* ★変更20130819*/
h1#blogTitle a:hover {
color:#0FF;}
----------------------------------------------------------------------
<記事タイトル>
#entries h2.entryTitle a:hover {
color: #FFF;
/* ★追加20130819 */
color: #0FF;}
----------------------------------------------------------------------
<補足>
記事タイトルは、color: #FFF; が、元々の色(白)で、color: #0FF; の色(水色)にした。
CSSプロパティは、後の方が優先されるので、元のcolor: #FFF; も残した。
----------------------------------------------------------------------
2013年08月18日
/////////////////////////////////////////////////////////////////////////////////////////////////////////
★ファンブログのカスタマイズ記録メモ5★
/////////////////////////////////////////////////////////////////////////////////////////////////////////
***************************************************************
■2013.08.18 記事の最後に「このページの先頭へ」を表示させた。-------------------------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「メイン」のHTMLに追加(
赤字の部分)
-------------------------------------------------------------------------------
( < を 全角に変更して記載、そうしないと本当のHTMLとして認識し、表示されない為 )
<div id="nextprev"> と </div><!-- nextprev -->の間に、下記のHTMLを追加した。
<div id="nextprev">
<!--▼▼▼追加20130818▼▼▼-->
<p style="text-align:right"><a href="#header" title="このページの先頭へ">このページの先頭へ</a></p></div><!-- nextprev -->
|