2012年10月14日
ブログ下にコピーライト＆▲UPを設置
ファンブログで記事を書いていると、
ついつい長文になることってよくありますよねぇ〜
長文が続くとブログで表示される範囲が深くなってしまいページのTOPに戻るのが面倒な場面に出くわします。
その様な対策の為、スタイルの設定を少し変更してみてはいかがでしょう。
やり方は簡単です。
1.「フリースキンの編集」で「メイン」を選択
2. メインテンプレート編集で
<body id="multi">の後に<a name="top"></a>を追加します。
例）
<body id="multi">
<a name="top"></a>
3.<div id="footer">の後に<a href="#top">▲UP</a>を追加します。
例）
<div id="footer">
<a href="#top">▲UP</a>
として保存します。
でブログを確認しますとフッター部分に”▲UP”の文字が現れます。
クリックするとページトップにスライドができるでしょう。
このブログでも設置していますので参考に
同じようにポータル、アーカイブ、1記事、プロフィールを変更することをお忘れなく！
また以下の様にスタイルを設定するとができるので、見栄えも良くなりますよ。
<p style="font-size:8pt; color:#FFFFFF; text-align:right; padding-top:0px; padding-bottom:0px; margin-right:10px">
気のみ気のままなブログ
<a href="#top"><font color="#FFFFFF">▲UP</font></a>
</p>
ブログのスタイルにより若干の違いはあると思いますが、ユーザビリティ向上の為に挑戦してみてください。
ついつい長文になることってよくありますよねぇ〜
長文が続くとブログで表示される範囲が深くなってしまいページのTOPに戻るのが面倒な場面に出くわします。
その様な対策の為、スタイルの設定を少し変更してみてはいかがでしょう。
やり方は簡単です。
1.「フリースキンの編集」で「メイン」を選択
2. メインテンプレート編集で
<body id="multi">の後に<a name="top"></a>を追加します。
例）
<body id="multi">
<a name="top"></a>
3.<div id="footer">の後に<a href="#top">▲UP</a>を追加します。
例）
<div id="footer">
<a href="#top">▲UP</a>
として保存します。
でブログを確認しますとフッター部分に”▲UP”の文字が現れます。
クリックするとページトップにスライドができるでしょう。
このブログでも設置していますので参考に
同じようにポータル、アーカイブ、1記事、プロフィールを変更することをお忘れなく！
また以下の様にスタイルを設定するとができるので、見栄えも良くなりますよ。
<p style="font-size:8pt; color:#FFFFFF; text-align:right; padding-top:0px; padding-bottom:0px; margin-right:10px">
気のみ気のままなブログ
<a href="#top"><font color="#FFFFFF">▲UP</font></a>
</p>
ブログのスタイルにより若干の違いはあると思いますが、ユーザビリティ向上の為に挑戦してみてください。
【ブログ・制作Tip！の最新記事】
この記事へのコメント