アメブロ記事内にアメーバなう共有ボタンを

質問

アメブロで記事を書くと、広告の下に「なうで紹介」やmixiチェック、facebookいいね！などの共有ボタンが並びますよね。

これらを、たとえば「面白かったら共有ボタン押してね↓」などのように文章に合わせた記事内の位置に貼り付けたいと思ってます。
その内facebookいいね！やmixiチェックについては
http://ameblo.jp/wazameba/entry-11104424377.html
こういったページで解説されているのですが、「なうで紹介」だけどこを探してもありません。

技術的に難しかったりするのでしょうか？
もし出来るようであれば、どうしたらいいか教えていただければと思います。

回答No.5

kiyoto-777

１　記事の任意の場所に入れたい場合には、記事の入れたい場所に
HTMLモードで下記の様に入れます。

<div class="articleExLink_x"></div>

２　記事フッター部に表示される　なう　チェック　ツイート　いいねボタンを
表示する様に指定します。（アメブロの基本設定）

３　２の　なう　チェック　ツイート　いいねボタンを１で指示した場所に
移動するか、コピーするか、どちらかになります。

４　具体的に任意の場所に入れた時に、記事フッター部に表示される
なう　チェック　ツイート　いいねボタンを表示するかしないか？

記事の任意の場所に入れなかった場合に記事フッター部に表示される
なう　チェック　ツイート　いいねボタンを表示するかしないか？

その点が問題になります。

回答No.4

kiyoto-777

下記をフリープラグインへ追記する
（面白かったら共有ボタン押してね↓　を追加した形）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
function now_set(now_set_sel,pic_url){
$(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">面白かったら共有ボタン押してね↓<br><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>';
$(now_set_sel,this).after(now_set_data)
});
});
}
now_set('.articleText','http://stat100.ameba.jp/common_style/img/common/btn/btn_share_now.png')
</script>

下記は好きな画像のＵＲＬを設定する

http://stat100.ameba.jp/common_style/img/common/btn/btn_share_now.png

補足

早速のご回答ありがとうございます！

なるほど、これだと広告の上、記事の最後にボタンがつくのですね。
質問内容が詳しくなくて申し訳なかったのですが、「面白かったら共有ボタン押してね↓」は必ずしも最後に載せるわけではなく、記事内の任意の場所に他のボタン（google+やfacebookなど）と一緒に並べられたらと思うのですが、いかがでしょうか？

回答No.3

kiyoto-777

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

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
function now_set(now_set_sel,pic_url){
$(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"><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>';
$(now_set_sel,this).after(now_set_data)
});
});
}
now_set('.articleText','http://stat100.ameba.jp/common_style/img/common/btn/btn_share_now.png')
</script>

下記は好きな画像のＵＲＬを設定する

http://stat100.ameba.jp/common_style/img/common/btn/btn_share_now.png

回答No.2

kiyoto-777

Ano1 は間違えました。

なうで紹介ですね。なうと間違えました。

回答No.1

kiyoto-777

常時、記事の下になうのボタンを入れたい場合は、
下記をフリープラグインに入れます。（★は自分のアメーバＩＤ　画像のＵＲＬは変えてください）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
var et01w ='<p class="et01">面白かったら共有ボタン押してね↓<br><a href="http://now.ameba.jp/★/"><img src="画像のＵＲＬ"></a></p>';
$(".articleText").after(et01w)
});
</script>

尚、下記は、jQueryなどが入っているアメブロのスクリプトです。
jQuery のバージョンは　1.3.2です。
もし、もっと新しいバージョンのjQuery をフリープラグインに
設定していれば不要です。