アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん

初心者でもかんたんに取り組めるアメブロカスタマイズ方法や正攻法でブログの読者を増やす運営方法などを紹介しています。


テーマ:


アメブロカスタマイズのわざめーばです。

こんにちは。

今回は、『各記事の文末に定形文を挿入するプラグイン』です。


アメブロカスタマイズ 各記事の文末に定形文を挿入するプラグイン


上の画像のように、記事フッターの上ではなく、記事下広告の上や共有ボタンの上など、できるだけ『文末』に定型文を挿入できるよう工夫してあります。

また、挿入する定型文をフリースペースに置くことで、フリープラグインを圧迫しにくいようにしてあります。

手法:

 フリープラグインを使用

難易度:

 ☆☆☆☆☆(0.コピペ+αで簡単)

具体的な方法と解説:

まず、フリースペース(またはフリープラグイン)に次のような記述で定型文を用意しておきます。


<div id="fixedS" style="display:none">文末に挿入したい定型文</div>


定型文にはタグを使うこともできます。

ただし、フリースペースには禁止タグがありますので、元々フリースペースで使えないタグを挿入したい場合はフリープラグインに書く必要があります。

また、<script>タグは例えフリープラグインに書いても正常に挿入できない可能性が高いです。

定型文が用意できたら、次はフリープラグインに次のコードを追加します。


<script>
$(function(){(function(s,n){
$('.entry .subContents').each(function(i,e){
var t=$(n).html();var a=$(s,e);
if(a.length){$(a).eq(0).before(t)}else{$(e).append(t)}});})
('#advertising2,.advertising2,.gadBox,#imageBox,#exLinkBtn,#themeBox','#fixedS')
});
</script>


これは、コピペだけです。

動作確認ブラウザ:

IE7、IE8、IE9、Firefox 3.6、Firefox 4、Chrome 12、Safari 5、Opera 11(何れもWindows版)で確認しています。

その他:

記事の文末に定形文を挿入するプラグインは既に各所で配布されているのですが、ここの所、アメブロの記事の『文末』の判断がちょっと複雑になってきたからか、立て続けに数人の方からこの件の質問を頂いたため、本ブログでも公開させていただくことにしました。

もし、今まで使ってきたプラグインでは思ったように『文末』に定型文を挿入できないとお悩みでしたら、ぜひ一度お試し下さい。

アメブロカスタマイズで人の集まるブログ作り

いいね!した人  |  コメント(61)