フッターナビの▲クリックでゆっくりとトップへ | 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

アメブロの新スキン(CSS編集用デザイン)のカスタマイズ
アメーバブログをCSSでカスタマイズして自分だけのオリジナルなデザインでアメブロを楽しんでください

このブログの左下(みなさまのブログでは右下にあります)のフッターナビ・・


▲をクリックするとページのトップに移動します


が・・・・


このブログではゆっくりと上に移動します・・・・

ブログの下のほうを表示しておいてから▲をクリックですよ・・



はじめに・・・

フリープラグインにおまじないが入っているか確認します
新デザインではjqueryが標準で読み込まれていませんので入れないと動作しません


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

または( ↑↓どちらか1つが入っていれば大丈夫です )

<script type="text/javascript" src="http://stat.ameba.jp/common_style/js/library/jquery/jquery-1.6.2.min.js"></script>


上のどちらかが入っているか確認して
なければどちらかをフリープラグインの一番最初にコピペします



入れたあるいは入っているのを確認したら・・フリープラグインにこのまま↓コピペ



<script type="text/javascript">
$(function(){
$("#footerNavTop").click(function(){
$('html,body').animate({ scrollTop:0}, 'slow');
return false;
})
});

</script>



すでに入っているものとかち合っちゃう場合があります

その場合は記入する順番を変えてみてください

※一番最初はおまじないですよ・・・