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

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

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

,,yuki,,さん


① 下記をフリープラグインへ追加する


<script type="text/javascript">
$(function(){
var et01w ='<p class="et01"><strong>人気ブログランキング</strong>に<br>参加中しています<img width="16" height="16" src="http://stat.ameba.jp/blog/ucs/img/char/char2/182.gif" alt="ベル"><br><br>ペタ<img width="16" height="16" src="http://stat.ameba.jp/blog/ucs/img/char/char2/005.gif" alt="足あと">の代わりに<br>下のボタンを&#12288;ぽちっと押して<br>応援していただけると<br>ブログ更新や制作が頑張れます<img width="16" height="16" src="http://stat.ameba.jp/blog/ucs/img/char/char2/173.gif" alt="アップ"><br><br><a href="http://handmade.blogmura.com/"><img width="88" height="31" border="0" src="http://handmade.blogmura.com/img/handmade88_31.gif" alt="にほんブログ村 ハンドメイドブログへ"></a> <a href="http://blog.with2.net/link.php?1450064" title="人気ブログランキングへ"><img width="88" height="31" border="0" src="http://image.with2.net/img/banner/banner_22.gif"></a> <a href="http://blogram.jp/users/agent/vote/?uid=143113#ref=vote"><img width="88" height="31" src="http://widget.blogram.jp/images/bgButton1_pin.gif" alt="blogramで人気ブログを分析" style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none"></a> <br><br>ボタンを押して別ウィンドウが開いたら<br><strong>投票OK</strong>です(1日1回有効)<br></div></p>';
$(".articleText").after(et01w)
});
</script>


② 下記をCSSへ追記する


.et01{
BORDER-BOTTOM: #db7093 3px double; BORDER-LEFT: #db7093 3px double; PADDING-BOTTOM: 5px;
BACKGROUND-COLOR: #ffe5ee;
MARGIN: 5px;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
COLOR: #333333;
BORDER-TOP: #db7093 3px double;
BORDER-RIGHT: #db7093 3px double;
PADDING-TOP: 5px;
border-radius: 10px;
box-shadow: 5px 5px 5px #AAAAAA;
text-align:center;
}