なうで紹介を記事下などに入れる

★　なうで紹介を記事下などに入れる

●　機能

①　アメブロの基本設定 での記事・画像内の表示設定の共有ボタンの表示が
　　表示する、表示しないに関わらず設定可能です。

　　なうで紹介は、アメブロの基本設定で、共有ボタンを表示するに
　　したときに、記事フッターに表示されるものです。


②　画像は好きな画像を設定できます。
　　アメブロのなうで紹介の画像は下記です。
　　http://stat100.ameba.jp/common_style/img/common/btn/btn_share_now.png


③　画像前に好きなメッセージを表示できます。

④　設置する場所は、記事本文下など記事内に設置できます。

⑤　この記事で使用するなう画像の例

http://stat001.ameba.jp/user_images/20120922/01/new-blue-777/5e/30/g/o0100002012199728530.gif



●　やり方

①　下記をフリープラグインへ追記する(記事本文下に入れる例）

<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">
now_set('.articleText','http://stat001.ameba.jp/user_images/20120922/01/new-blue-777/5e/30/g/o0100002012199728530.gif','なうで紹介してね↓<br>')
</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>

・　スクリプトの形式

now_set(".どこの下に追加するかのセレクト名','なう画像のＵＲＬ','メッセージ')

メッセージはＨＴＭＬで記述できます。画像のタグ(img タグ)を指定してもＯＫです。
なう画像上にメッセージが表示されます。



◆　スクリプトの内容
（　http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css　に
入っているスリプトのソース）

function now_set(now_set_sel,pic_url,now_message){// なうで紹介を記事下などに入れる
$(document).ready(function(){
$(".skinArticle").each(function () {
var now_url_1=encodeURIComponent($(".skinArticleHeader h1 a",this).attr('href'));
var now_url_2=encodeURIComponent($(".skinArticleHeader h1 a",this).html());
var now_set_data='<div class="now_set">'+now_message+'<a class="nowBtn" href="http://stat100.ameba.jp/blog/proxy.html?longurl='+now_url_1+'&title='+now_url_2+'&type=now" target="_blank" rel="nofollow"><img alt="なうで紹介" src="'+pic_url+'" /></a></div>';
$(now_set_sel,this).after(now_set_data)
});
});
}