ブログランキングの応援
をして頂けると励みになります。
ここをクリックしてくださいね。
人気ブログランキングへ FC2ブログランキングへ
毎回記事の下にランキングの定型文を入力していたのですが、
新・アメブロ向上企画書さんの記事を参考にさせて戴いて、
定型文を自動で貼り付けてみようと思います。
参考にさせて戴いた新・アメブロ向上企画書さんの記事はこちらです。
↓↓↓
「記事下に自動で定型文を貼り付けちゃう 」
【１】フリースペースへ貼り付け
下記のHTMLをフリースペースへ貼り付けてみました。
<div id="teikeibun"><br /><br />今回は、以上です。<br/><br/>最後まで読んでいただき、<br/>ありがとうございました。<br /><br/>ブログランキングの<br />応援クリックをお忘れの方は、<br/>ここをクリックしてくださいね。<br/>↓↓↓<br/><a href="http://blog.with2.net/link.php?×××"target="_blank"><img src="http://image.with2.net/img/banner/banner_22.gif"width="88"height="31" border="0" alt="人気ブログランキングへ"></a><br/><a href="http://blogranking.fc2.com/in.php?id=×××"target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_03.gif"style="border:0px;" alt="FC2ブログランキングへ"></a><br/><br />クリックして戴けると、<br/>とても励みになります。</div>
【２】フリープラグインの確認
新デザインではjqueryが標準で読み込まれていないので入れないと動作しません。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
または
<script type="text/javascript" src="http://stat.ameba.jp/common_style/js/library/jquery/jquery-1.6.2.min.js"></script>
このうちどちらかが入っているかを確認し、
なければどちらかをフリープラグインの一番最初にコピー貼り付けします。
【３】フリープラグインへ貼り付け
下記のスクリプトを貼り付けします。
<script type="text/javascript">$(function(){$("#teikeibun").appendTo(".articleText")});</script>
【４】ＣＳＳへ追加
下記のCSSを追加します。
/*記事下定型文位置調整*/
#teikeibun{
margin-top:0px;/*記事下からの距離*/
text-align:left;/*左揃え*/
}
これで毎回記事の下にランキングのバナーを自動で設置できます。
少し楽になりました。