今回はアメブロのカスタマイズの記事で、
「記事の最後が最初に定型文を自動で付けるやり方」です。
これ、アメブロスタートしたはじめの頃にやりたかったんですけれど
実はなかなかうまく出来なかったんですよ^^;
ようやく出来たので、その当たりも含めて記事にして記録しました。
今日の記事はとても簡単なので、
ちょっとやってみる価値がある作業なのでオススメ度は高いです。（^▽^）
アメブロの記事で、僕でしたら記事の最後に
「名前」や「ペタのお願いします☆」という画像をはりつけているのですが
これをいつもは毎回記事の最後につけていました。
こういった同じ書き込みを毎回やることを決めている人は
そういった事を自動でやってくれるというか、設定が出来ます。
それで僕もいろいろとその設定を探していたのですが、
新旧いろんなやり方がありまして、最初はどれをやっても上手く出来ませんでした^^;
言ってる通りにやってるんだけれど「おかしいなー」と、ちょっと苦労しました。
そしてそんな中、一番簡単な方法をやっとみつけましたので（^▽^）
記載しておきます。
まず作業は全部コピーペーストだけでＯＫです！！
【１】アメブロマイページの「フリープラグイン」のページへ移動します
フリープラグインのページはマイページから
マイページ → サイドバー → プラグイン追加
で行けます。
【２】フリープラグインの先頭に以下のコードを記述します。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.6.2');</script>
<script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
これから、この機能を使いますよ！という設定みたいなものです。
この時ですが、すでにいろいろとフリープラグインに書いてる方は最後とかではなく。
必ず「１番先頭」に記載してください！！（※注意点１）
【３】次に表示したい場所の目的に合わせて下の書き方を選びます。
まずは、記事の先頭に定型文を挿入したい場合。コレ！
<script type="text/javascript">
$(function(){
wzmbBefore('記事の先頭に挿入したい内容');
});
</script>
次に、記事の末尾に定型文を挿入したい場合。コレ！
<script type="text/javascript">
$(function(){
wzmbAfter('記事の末尾に挿入したい内容');
});
</script>
更に、記事の先頭と末尾の両方に定型文を挿入したい場合。コレ！
<script type="text/javascript">
$(function(){
wzmbBefore('記事の先頭に挿入したい内容');
wzmbAfter('記事の末尾に挿入したい内容');
});
</script>
です。
僕の場合は今回「人気ブログランキング」のバナーだけを記事の下に常に出したかったので
←これだけを表示「記事の先頭に挿入したい内容」の中は
<br><br><a href="http://blog.with2.net/link.php?1364035" target="_blank"><img src="http://blog.with2.net/img/banner/banner_12.gif" border="0"></a><br><br>
こうなります。
ちなみにこの中は「改行」をしたらいけません！！！
こう書いてしまってはダメです！！（※注意点２）
×ダメな例
<br>
<br>
<a href="http://blog.with2.net/link.php?1364035" target="_blank"><img src="http://blog.with2.net/img/banner/banner_12.gif" border="0"></a>
<br>
<br>
ですのでこうなります。
○良い例
<br><br><a href="http://blog.with2.net/link.php?1364035" target="_blank"><img src="http://blog.with2.net/img/banner/banner_12.gif" border="0"></a><br><br>
「記事の末尾に定型文を挿入したい場合」なので
<script type="text/javascript">
$(function(){
wzmbAfter('<br><br><a href="http://blog.with2.net/link.php?1364035" target="_blank"><img src="http://blog.with2.net/img/banner/banner_12.gif" border="0"></a><br><br>');
});
</script>
そして最後にこれもフリープラグインの中の【２】でコピーしたコードより下にコピーして
ハイ！これで完了です！！
ぜひぜひ、名前だったり、
イラストやペタツールの画像だったり、
自分の好みにあわせて使ってみてください！！（^▽^）
これなら誰でも絶対に出来ると思うのでオススメします！！！（^▽^）
■アメブロその他に書いたカスタマイズ記事
→【アメブロ】ブログの幅を変更
→【アメブロ】ナビメニューを追加しました！！
→アメブロ広告の消し方
※上の記事の内容はちょっと難しくなるので、とりあえず簡単に、ナビゲーションの入ったようなデザインを変えたい場合は、無料テンプレートが本当にオススメです！！（^▽^）
この簡単さは使えばすぐにわかると思います！（^v^）笑
キング
