新スキンによって消えた、アメブロらしさやすたれるかもしれない流行を忘れない・・・ | 雷牙@448★のブログ

雷牙@448★のブログ

アメブロのカスタマイズなどのテストなどをおこなっています。

今回の新スキンでは、アメブロらしさの象徴ともいえたヘッダー上部のユーザーナビや

メインカラムの上下2箇所にあった『このブログの読者になる(チェック)』の読者登録のリンクがなくなりました。

新スキンによって消えた、アメブロらしさやすたれるかもしれない流行を忘れない・・・

ユーザーナビに関しては、流行の一つであるヘッダー画像のカスタマイズで非表示にしてしまうパターンが多かったので

必要ないからと運営側が判断してなくなったんだと・・・

でも、あのナビゲーションはアメブロの他の機能ページへのリンクということでいうと

あって当然とも思ってましたし、なくなったのは私的には少し残念です。




読者登録のリンクも、上下にある必要性には疑問がありましたが(実際には私自身が非表示にすることが多いですけど・・・)

アメブロの象徴が消えるのは少し寂しいですね・・・


本来は、HTMLを細かくいじれないのであればこういったものはユーザーが選択できるような設定をシステム側で用意してくれると良いんではないかと思います。

馬鹿でかい広告にしても、サイズや挿入箇所の選択をできるようにしてくれると良いのにと思います。


とりあえず、お遊びついで新スキンに『このブログの読者になる(チェック)』の読者登録のリンクを付けておきました。
(現時点では、下部に固定配置にしてますが変えるかもしれません。)

この手のカスタマイズの要領としては、新旧どちらのスキンでも同じでフリースペースかフリープラグインにHTMLコードをいれます。
(フリースペースでは改行は削除しないと改行タグに変換して反映してしまいます。)

今回は、旧ベーシックスキンを使っているメインブログのソースからそのままコピーして使いました。

<div class="readerMainLink"><p><a href="http://blog.ameba.jp/reader.do?bnm=448tera">このブログの読者になる(チェック)</a></p></div>


href属性に指定するURLですが、

http://blog.ameba.jp/reader.do?bnm=448tera

このブログだと、IDが『448tera』なんで上記のようになります。

この、IDの部分を変えればアカウントに対応したブログの読者登録のURLになります。

div要素のクラス名は『readerMainLink』のままだと、今まで旧スキンでのカスタマイズで使用していた、CSSが流用しやすいんでそのまま使いました。


/* このブログの読者になる(チェック) */

div.readerMainLink{
margin:0;
padding:0;
font-size:18px;
position:fixed;
left:232px;
bottom:10px;
background-color: #4A494A;
border:dashed 1px #F0E0E0;
width:714px;
}
div.readerMainLink p{
margin:0;
padding:0;
}
div.readerMainLink p a{
color:#D6D7D6;
font-weight:bold;
font-size:1.07em;
text-decoration:underline;
display:block;
text-align:center;
padding:0.3em 0;
width:714px;
background-image:url(http://stat.ameba.jp/common_style/img/common/icon/reader.gif);
background-repeat:no-repeat;
background-position:200px 2px;
}
div.readerMainLink p a:hover{
color:#D92A2A;
background-color:#E7E7E7;
}


このブログでは、こんな感じのスタイルを記述しています。


ユーザーナビはサイドバーのプロフがある場合はいらないかなっと私的には思うんで、今回はやめときました。