四字熟語ブログパーツ

四字熟語ブログパーツを作ってみました。ランダムで四字熟語を表示します。
幅は150pxにしてあります。

↑こんな感じです。表示するたびに名言が入れ替わります。(更新してみてください)
↓下記コピペすれば使えます。
<!-- 四字熟語ブログパーツ 開始--> <STYLE> #yojijukugo_bp1{width: 150px;margin:0;padding:0;} #yojijukugo_bp1 .title{background: #0a54a1;padding: 0px;font-size: 14px;height: 16px;font-weight: bold;text-align: center;} #yojijukugo_bp1 .title a {text-decoration: none;color: #FFFFFF;} #yojijukugo_bp1 .message{font-size: 18px;padding:2px 3px 3px 3px;color:#00cccc;font-weight:normal;background:#EEEEff;text-align: center;} #yojijukugo_bp1 .message a { text-decoration: none; color: #0a54a1;font-weight: bold;} </STYLE> <DIV id="yojijukugo_bp1"> <DIV class="title"><a href="http://www.yojijukugo.net/" target="_blank">四字熟語.net</a></DIV> <DIV class="message"><SCRIPT TYPE="text/javascript" SRC="http://www.yojijukugo.net/tools/randyoji1.js" charset="UTF-8"> </SCRIPT> </DIV> </DIV> <!-- 四字熟語ブログパーツ 終了-->
背景色、文字の色、横幅などはCSSで記述していますので、ご自由に変更して使ってください。


TypePadをご利用の方は下のボタンをクリックするだけで登録可能！！

<!-- 四字熟語ブログパーツ 開始--> <STYLE> #yojijukugo_bp1{width: 150px;margin:0;padding:0;} #yojijukugo_bp1 .title{background: #0a54a1;padding: 0px;font-size: 14px;height: 16px;font-weight: bold;text-align: center;} #yojijukugo_bp1 .title a {text-decoration: none;color: #FFFFFF;} #yojijukugo_bp1 .message{font-size: 18px;padding:2px 3px 3px 3px;color:#00cccc;font-weight:normal;background:#EEEEff;text-align: center;} #yojijukugo_bp1 .message a { text-decoration: none; color: #0a54a1;font-weight: bold;} </STYLE> <DIV id="yojijukugo_bp1"> <DIV class="title"><a href="http://www.yojijukugo.net/" target="_blank">四字熟語.net</a></DIV> <DIV class="message"><SCRIPT TYPE="text/javascript" SRC="http://www.yojijukugo.net/tools/randyoji1.js" charset="UTF-8"> </SCRIPT> </DIV> </DIV> <!-- 四字熟語ブログパーツ 終了-->