Seesaaブログにコピーライトを追加して「powered by」のロゴを真ん中にする方法

Seesaaブログにコピーライトを追加します。追加する場所は、フッター部分にある「Powered By Seesaa」のロゴの上または下に表示するようにします。

コピーライトの追加方法


まず、デザイン>PC>コンテンツと進んで行き、Powered Byをクリックします。

挿入テキスト上部または、挿入テキスト下部にコピーライトを追加します。

コピーライトの書き方については、コピーライトの変更と書き方を参考にしてください。

ブログ名でコピーライトを追加する場合
Copyright © 2014 ブログ名
これにリンクを追加する場合は
Copyright &copy; 2014 <a href="ブログURL">ブログ名</a>
さらに、文字の色やサイズ、表示する位置などを指定したい場合はclassを設定します。
<div class=copy>Copyright &copy; 2014 <a href="ブログURL">ブログ名</a></div>
copyの部分は自由に変更可能です。変更した場合は下の.copyの部分を同様に変更します。

CSSには
#footer .copy{
color:#999;
font-size: 12px;
margin: 10px 5px 5px 10px;
padding: 10px 5px 5px 10px;
}
#footer .copy a{
color:#999;
text-decoration: none;
}
を追加します。

追加する場所は、PC>デザインから使用しているテンプレートを選択します。
詳しくは、SeesaaブログのHTML追加とCSSの編集方法を参考にしてください。

色やサイズなどは自由に変更可能です。リンクのアンダーラインを消したくないときはtext-decoration: none;の部分を削除するか、noneの部分をunderlineに変更します。

ロゴを真ん中にする

.powered {text-align: center;}
となっているのに、「powered by Seesaa」のロゴが真ん中に来ないときは、CSSに
.powered table {
margin: 0px auto;
}
と追加する。

「powered by」のロゴを消すことは規約違反になるので注意してください。

完成画像

完成するこのようになります。画像は挿入テキスト上部に追加しています。

この方法以外にも、コンテンツで「自由形式」を追加して表示させることもできます。
スポンサーリンク
スポンサーリンク

0 件のコメント :

コメントを投稿