記事フッターにペタを表示する | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

★ 記事フッターにペタを表示する


● 内容

① 記事フッターにペタが消えたため、それを復活させます。
② 但し、ブログ記事からではなく、【ブログからになるので、
 注意してください。

③ アメンバー限定記事のフッターには、ペタを表示しません。



● やり方

① フリープラグインへ下記を追加する。


<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">
$(document).ready(function(){
Peta_Art_set(' | ');
});
</script>


■ 説明

・ 下記は既にフリープラグインにあれば不要です。

<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>


・  Peta_Art_set(' | '); の |  は、 セパレータです。 | ペタ の部分です。


● ソースコードの内容



function Peta_Art_set(Separator){ // ペタを記事フッターにセットする。
$(".skinArticle").each(function(){
var entry_url = new RegExp(/http\:\/\/ameblo\.jp\/(.*?)\/entry\-(\d+)\.html.*/);// アメンバー限定記事は除外
var Art_url = $(".skinArticleTitle",this).attr("href");
if (Art_url.match(entry_url)) {
var Peta_url = Separator+'<a class="petaLink" href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId='+ameba_id_get()+'&service=blog">ペタ</a>';
$(".articleLinkArea",this).append(Peta_url);
}
});
}


function ameba_id_get(){// アメーバIDを求める
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));
}
return Ameba_ID;
}