BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» アメブロカスタマイズ フッターにコピーライトを付ける方法

このエントリーをはてなブックマークに追加

アメブロカスタマイズ フッターにコピーライトを付ける方法

   投稿日: 2014/07/11    投稿者:webコラム

copy.jpg

皆さん、こんにちは。

              

自分のブログをサイト風にアレンジしたい!!そんなあなたは、ブログのフッターにコピーライトを付けてみましょう!!

         

コピーライトというのは、こんな表記です!

「Copyright(c) 2014 ○○○○ All Rights Reserved.」 要は、著作権を表す記号のようなもの。

          

これがついていると、サイト風になって、ちょっとカッコイイですよね!!

この記事にたどり着いた方は興味のある方だと思いますので、自分のかっこいいブログ名を付けてみましょう♪

                                                         

                                               

                                

プラグインの追加

                            

                                 

                                  

マイページ右上の「アメーバのサービス一覧」ボタンをクリック

2_1.jpg

                                 

                              


「プラグインの追加」ボタンをクリック

3_1.jpg

                     

                         


下記のコードをコピーして、貼り付ける。

<script type="text/javascript">

$(function(){

$(".skinContentsFrame").append('<div id ="copyright"><font color="#ffffff">Copyright &copy; <a href="ブログURL">ブログのタイトルね♪</a> All Rights Reserved. </font></div>');

});

</script>

                         

                       

 

 

4.png

                              

                    

「保存」ボタンをクリック

                          

          5_1.jpg          


 

 

 

 ブログ管理画面の、「配置設定」ボタンをクリックして、「フリープラグイン」を【使用しない機能】から【使用する機能】に移動して、「保存」ボタンをクリック

6_1.jpg

 

 

 

CSSの編集

                        

マイページ右上の「アメーバのサービス一覧」ボタンをクリック

 

7_1.jpg

                 

「デザインの変更」ボタンをクリック

 

8.png

              

                   

cssの編集」をクリック

9.png

           

 

 

下記のコードをコピーします。

これがコピーライトを付けるcssです。

/*フッターにコピーライトを付ける*/

#copyright {

width:100%;

height:15px; /*フッターの高さです。*/

background:#ffcc99; /*背景色*/

color:#FFFFFF; /*文字色*/

text-align:center;

font-weight:bold;

margin:0;

padding:10px 0;

clear:both;

}

 

#copyright a{

color:#FFFFFF;  /*コピーリンクした時の文字色*/

           

 

 

コピーした内容は、cssの一番下の部分に貼り付けます。

貼り付けた終わったら、「保存」ボタンをクリックして追加したcssを保存します

                                  

 10.png             

 

 

保存できたらブログを表示し、プラウザの更新ボタンをクリックします。

(古いデータが残っていると変更したcssが反映されませんので、プラウザの更新ボタンをクリックして最新の状態に更新します。

 

これで完了です!!

ブログを開いてみると、フッターにコピーライトが表示されます!!

                

 

 

11_1.jpg

               

 

 

まとめ

いかがでしょうか?

自分のブログのステイタスが、ちょっとだけUPしたような気分になりませんか??

               

 

アメブロカスタマイズの中でも少しマニアックかもしれませんが、是非お試し下さいね!!



カテゴリ:

TOPへ