忍者おまとめボタン（ソーシャルボタン）を記事フッターに入れる

★　忍者おまとめボタン（ソーシャルボタン）を記事フッターに入れる


★　注意

忍者おまとめボタン（ソーシャルボタン）では、ブラウザのタイトルバーに表示されている
タイトルとブラウザのアドレスバーに表示されているＵＲＬがブックマークなどに
使われます。
記事タイトルと、記事ＵＲＬをブックマークなどに入れたい場合は、記事のタイトルを
クリックした後に、忍者おまとめボタン（ソーシャルボタン）をクリックする
必要があります。




●　例




●　忍者おまとめボタンのコード（スクリプト）を得る


①　おまとめボタンの作成をクリックすると下記ページが表示されるので、
　　アメブロの場合は、その他のブログをクリックする。





②　ボタンのタイプを選んで、次へをクリックする。






③　よこを選んで、スクリプトコードをコピーする








●　アメブロへの設置


①　フリープラグインへ入れる（記事がないページは、忍者おまとめボタンを消す）

<div class="ninja_onebutton">
<script type="text/javascript">
//<![CDATA[
(function(d){
if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928)=='undefined'){
document.write("<sc"+"ript type='text\/javascript' src='http:\/\/omt.shinobi.jp\/b\/7e5b4e423f08b98c9754b4446a650928'><\/sc"+"ript>");
}else{
window.NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928.ONETAGButton_Load();}
})(document);
//]]>
</script><span class="ninja_onebutton_hidden" style="display:none;"></span><span style="display:none;" class="ninja_onebutton_hidden"></span>
</div>
<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){
var F_count=$(".skinArticleFooter").length;
for(i = 0; i < F_count; i++){
$("#NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928_1").clone(true).insertBefore(".skinArticleFooter:eq("+i+")");
}
if(F_count!=0){ // 記事がないページは、忍者おまとめボタンを消す
$(".plugin #NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928_1").remove();
}
})
</script>

◆　説明

・　下記はフリープラグインに１個あればＯＫです。
　　上記では、下記から下が、記事のフッター部に入れるスクリプトです。
　　下記から上が忍者側のスクリプトです。

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


・　下記はボタンの種類によって異なりますので、ボタンに合わせて直してください
（ _1 がつくので注意してください）

NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928

下記忍者のスクリプト部分と合わせます。

NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928


・　記事がないページ（記事一覧やテーマ一覧、月別一覧、アメンバー限定記事一覧などの
　ページの場合、フリープラグインに忍者おまとめボタンを表示したい場合は、
　下記の行を消してください。
　下記の行を消すと、記事があるページにも、フリープラグインに忍者おまとめボタンが
　表示されるので注意。（※１）

if(F_count!=0){ // 記事がないページは、忍者おまとめボタンを消す
$(".plugin #NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928_1").remove();
}

・　スクリプトの処理（ロジック）の説明

A 記事フッター分、下記(A) (B)を繰り返します
　(A) 忍者おまとめボタンの複製（clone)を作成します。
　(B) 複製を記事フッターの前に入れます。
B フリープラグインの忍者おまとめボタン(複製でないもの）を削除(remove)します。



◆　注意　すべてのボタンを確認していないので、間違えていたらコメンナサイ。


※１

もし、フリープラグインの忍者おまとめボタンをフリープラグイン以外の別の場所に
設置したい場合は、絶対配置します。
下記をＣＳＳへ追記する。（黄色の部分は既にＣＳＳにある場合は不要です）

/* ------------------------------------------------------- */
/* 絶対配置起点を設定　画面の大きさを変えて同じ位置に　　　*/
/* ------------------------------------------------------- */
.skinFrame2{
width:980px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
.plugin #NINJA_CO_JP_ONETAG_BUTTON_7e5b4e423f08b98c9754b4446a650928_1{
position:absolute;
top:100px;/* 上からの位置 */
left:100px;/* 左からの位置 */
z-index:100;
}