ブログホームの場合、記事を表示しない | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

★ ブログホームの場合、記事を表示しない


● 内容

① ブログホームの場合に記事を表示しない様にします。
② 1ページに表示する記事数はアメブロの基本設定から1件にしてください。
③ 記事の広告は表示されます。
④ 表示されない記事の項目は下記の通り。
 ・ 記事タイトル
 ・ 記事の投稿日時、テーマ、投稿者名
 ・ 記事本文
 ・ 記事フッター(なう、mixi、ツイッターなど)
 ・ 記事ボタンエリア(いいねやコメント)
 ・ 「最近の画像つき記事」と「同じテーマの記事」
⑤ ページナビ(次のページ)については、表示/非表示の選択ができます。 


● 表示例









● やり方

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


<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(){
home_art_not_disp(0);
});
</script>



■ 説明



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

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


(2).引数(赤字部分の引数の説明)

home_art_not_disp(0);

0・・・ページナビを表示しない
1・・・ページナビを表示する




● ソースコード


function home_art_not_disp(page_navi){// ブログホームの場合、記事の1件目を表示しない
var Ameba_ID=ameba_id_get();
var home_sw=home_check(Ameba_ID);
if(home_sw==0){ $(".skinArticleHeader,.articleText,.articleDetailArea,.articleBtnArea,.articleLinkArea,.skinArticleFooter,.articleThemeListArea,.articleImageListArea").css("display","none");
if(page_navi==0){
$(".pagingArea").css("display","none");
}
}
}


function home_check(Ameba_ID){// ブログホームかどうかをチェック
// 0 ・・・ ブログホーム 1・・・ブログホーム以外
var home_href1="http://ameblo.jp/" + Ameba_ID;
var home_href2="http://ameblo.jp/" + Ameba_ID + "/";
var hrefx=location.href;
if((hrefx==home_href1) || (hrefx==home_href2)){
return 0;
}else{
return 1;
}
}


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