アメブロ向上企画書で好評だった
これをもう少し改良して簡単にしてみます
まずは記事下に貼り付けるタグを作ってみます
ポチットお願いします
にほんブログ村
↑記事下にこれを貼り付けたいと思います
ブログ村からランキングのタグをもらってきます
<a href="http://blog.blogmura.com/" target="_blank"><img src="http://blog.blogmura.com/img/blog88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 ブログブログへ" /></a><br /><a href="http://blog.blogmura.com/">にほんブログ村</a>
これに・・・ ポチットお願いします を加えてみます
簡単なタグの作り方は「記事を書く」を使います
タグ編集エディタの場合・・・
タグ編集エデイタは改行をなくして作るのがコツです
改行部分には<br />を使ってタグをつなげて作ります
標準エディタの場合・・
はじめは「HTMLタグを表示」にします
そして配布されているタグを貼り付けます
貼り付け終わったらまた「タグの非表示」に戻ります
ブログ村のバナーが表示されたらココに文章とかを付け加えていきます
完成したら・・・
再び「HTMLタグを表示」にして書かれているタグをコピーします
ポチットお願いします<br /><a href="http://blog.blogmura.com/" target="_blank"><img src="http://blog.blogmura.com/img/blog88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 ブログブログへ" /></a><br /><a href="http://blog.blogmura.com/">にほんブログ村</a>
↑このようなタグが出来上がりましたら・・・
前に <div id="ro-news"> 後ろに </div> をつけます
<div id="ro-news">ポチットお願いします<br /><a href="http://blog.blogmura.com/" target="_blank"><img src="http://blog.blogmura.com/img/blog88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 ブログブログへ" /></a><br /><a href="http://blog.blogmura.com/">にほんブログ村</a></div>
↑これをフリースペースに貼り付けます
タグをコピーしたら記事を書くはそのまま終了しちゃってかまいません
あるいは「記事下タグ」とかの記事タイトルをつけて保存しておけば修正する場合に便利かも・・
次にフリープラグインにおまじないが入っているか確認します
新デザインではjqueryが標準で読み込まれていませんので入れないと動作しません
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
または（ ↑↓どちらか1つが入っていれば大丈夫です ）
<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(){
$("#ro-news").appendTo(".articleText")
});
</script>
記事のすぐ下に貼りつきますのでＣＳＳで位置を調整します
ＣＳＳの最後に・・
/*記事下定型文位置調整*/
#ro-news{
margin-top:50px;/*Ａ*/
text-align:center;/*中央に*/
}
