ポケットの調整 | ランのカスタマイズ日記

ポケットの調整





■  ポケットの調整

★ ポケットの調整


◆ ポケットの説明


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





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




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





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

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



◆ ポケットの調整


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

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


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

.foot .pocketLink{
display:none;
}


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


<script type="text/javascript">
$(function(){// プロフィール部分
var pock1t=$(".profUserPages:eq(1)").html();
$(".profUserPages:eq(1)").html(pock1t.replace(/ポケット/g,"Pocket"));
});
$(function(){// 記事下部分
$(".foot").each(function (){
var pock2t=$(this).html();
$(this).html(pock2t.replace(/ポケット/g,"Pocket"));
});});
</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;
}