フリースペースを利用したメッセージボード | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ フリースペースを利用したメッセージボード


● 内容


① フリースペースを利用してメッセージボードとして利用する。
② 常にこのメッセージボードは記事(全体)の前に表示されます。
③ 常にこのメッセージボードは記事(全体)の後ろに表示することも可能です。




● やりかた


① フリースペースに追加する。
ここに好きなメッセージを入れる の部分は変更してください)



<div class="freemsg">

<ここに好きなメッセージを入れる

</div>




② フリープラグインに追加する。(記事の前にメッセージボードを表示する)

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){$(".freemsg").prependTo(".skinMainArea");})
</script>



◆ 説明

 ・ 下記はフリープラグインの最初に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>






③ フリープラグインに追加する。(記事の後ろにメッセージボードを表示する)


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){$(".freemsg").appendTo(".skinMainArea");})
</script>