ポケットの調整 | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

ポケットは廃止になりました


★ ポケットの調整


◆ ポケットの説明


① ポケットは、記事下ブログのプロフィール下にあります。
  プロフィール下は下記部分







ポケットについては下記ヘルプを参照
http://helps.ameba.jp/faq/pocket/




② ポケットは、アメブロの基本設定で、表示・非表示を設定できます。
  但し、記事下のポケットのみです。







③ ブログのプロフィール下のURLは下記の様になっています。
  ブログのポケットされた内容がみれるようです。(他人のブログのも見れてしまいます)
http://pocket.ameba.jp/アメーバID/

記事下のポケットは、ブログに対して、ポケットする機能のリンクです。



◆ ポケットの調整


① ブログのプロフィール下のポケットを非表示にする(CSSへ追記する)
  (アメーバIDは自分のアメーバIDに変えてください

.profileUserPages a[href="http://pocket.ameba.jp/アメーバID/"]{
display:none;
}


② 記事下のポケットを消す(アメブロの基本設定で可能です)
  CSSで行いたい場合は、下記です(CSSへ追記する)

.articleLinkArea .pocketLink{
display:none;
}


③ ポケットの文字を好きな文字に変える
  下記をフリープラグインへ追記。 下記は pocket にする例です。


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){// プロフィール部分
var pock1t=$(".profileUserPages:eq(1)").html();
$(".profileUserPages:eq(1)").html(pock1t.replace(/ポケット/g,"Pocket"));
});
$(function(){// 記事下部分
$(".articleLinkArea").each(function (){
var pock2t=$(this).html();
$(this).html(pock2t.replace(/ポケット/g,"Pocket"));
});});
</script>





● 下記は、フリープラグインに1つあればOKです。
  また、旧スキンを利用しているブログは、下記は必要ありません。

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



★ 追記 ポケットの   について




/* ------------------------------------------------------- */
/* ポケットの New! を消す                 */
/* ------------------------------------------------------- */
.pocketLink {
background: none;
padding-right: 0px;
}


/* ------------------------------------------------------- */
/* ポケットの New! の画像を変える             */
/* ------------------------------------------------------- */
.pocketLink {
background: url(画像のURL) no-repeat scroll right bottom transparent;
padding-right: 15px;
}


/* ------------------------------------------------------- */
/* ポケットの New! の画像を変える(左に画像)       */
/* ------------------------------------------------------- */
.pocketLink {
background: url(画像のURL) no-repeat scroll left bottom transparent;
padding-left: 15px;
}