読者になるのリンクを知らせて読者になるにする | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ 読者になるのリンクを知らせて読者になるにする。


① 通常、読者になるをクリックすると、下記の様に、
  ○ 相手に知らせず読者になる と ○ 相手に知らせて読者になる の
  選択ページ(読者になるのページ)が表示されます。


リアナのカスタマイズ日記(CSS編集用デザイン)




② ○ 相手に知らせて読者になる を選択して読者に登録をクリックすると
  下記ページ(相手に知らせて読者になるのページ)が表示されます。


リアナのカスタマイズ日記(CSS編集用デザイン)





③ 読者になるをクリックすると①のページが表示されるのではなく、②の
  相手に知らせて読者になるのページが表示される様にします。



◆ リンクのURLの形式


① 読者になるのページが表示される場合のURLの形式は下記です。
  (アメーバIDは変えてください)

http://blog.ameba.jp/reader.do?bnm=アメーバID


② 相手に知らせて読者になるのページが表示される場合のURLの形式は下記です。
  (アメーバIDは変えてください)

http://blog.ameba.jp/readermessage.do?bnm=アメーバID



◆ 記事などに相手に知らせて読者になるのページを直接表示させるのは、
  HTMLモード(HTMLタグを表示をクリック)で下記の様に入れます


① 画像のリンクの場合

<a href="http://blog.ameba.jp/readermessage.do?bnm=アメーバID"><img src="画像のURL"></a>


② 文字のリンクの場合

<a href="http://blog.ameba.jp/readermessage.do?bnm=アメーバID">読者になる</a>



◆ スクリプトで、自動で、相手に知らせて読者になるのページ が直接表示される
  様にする。

① フリープラグインへ追記する


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
var Ameba_ID;
if(location.pathname.indexOf("/",1)==-1){
Ameba_ID = location.pathname.substring(1,location.pathname.length);
}else{
Ameba_ID = location.pathname.substring(1,location.pathname.indexOf("/",1));
}
$("a.readerBtn").each(function(){
$(this).attr("href","http://blog.ameba.jp/readermessage.do?bnm="+Ameba_ID);
});});
</script>



● 注意

① 下記はフリープラグインの先頭に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

② 上記スクリプトは、プロフィールの読者になるボタンと、読者一覧の読者になるの
  ボタンの2つのボタンのリンクを変える様にしています。


③ 私のブログに導入していますの確認できます。



◆ 追記(文字数制限回避対応)

① フリープラグインへ追記する


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script type="text/javascript">
readermessage();
</script>



② スクリプト内容

function readermessage(){// 相手に知らせて読者になる(a.readerBtn)
$("a.readerBtn").each(function(){
$(this).attr("href","http://blog.ameba.jp/readermessage.do?bnm="+ameba_id_get());
});}