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

新・アメブロ向上企画書 アメブロの「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>


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



入れたあるいは入っているのを確認したらあなたのIDを入れて・・フリープラグインに・・・


<script type="text/javascript">
$(function(){
var ametab = "<a class='pagingList imgList' title='ブログ画像一覧' href='http://ameblo.jp/あなたのID/imagelist.html'><img src='http://stat.ameba.jp/common_style/img/common/icon/myphoto1.gif' /></a>";
$(ametab).insertAfter(".pagingList");
});
</script>




あとはCSSです・・CSSの最後に


/*ページング画像一覧リンク*/
.imgList {
margin: 5px 0 0 10px;
}