記事の下に定型文を自動挿入する内藤ですアメブロで記事の下に定型文を自動挿入することができます記事を読んだ後が一番行動を起こしやすいので、案内や読んで欲しい記事へのリンクがあると効果的です。設置の仕方を紹介しますね。(【CSS編集用デザイン】の場合)フリープラグインに以下のコードを書きます。class="teikei">ここに定型文</div>');});</script>もし既にこの部分がフリープラグイン内に書かれている場合は、こちらは不要です。部分に、入れたい定型文を1行でいれます。【CSSの編集】で、以下を一番下に付け加えると、定型文を枠で囲ったり装飾が可能になります。/*枠線*/padding:10px;}記事下に設置したいという方は参考にしてみてくださいね。新カスタム可能デザイン(2011年8月以降)の【CSS編集用デザイン】で、記事タイトルの部分は、最初このような感じです。左側に縦線がついています。この部分の変更の仕方です。#e4e4e4;}があります。#000000;と、カラーコードを変更してみるとこのように縦線が#000000(黒)になります。メッセージボードの枠線を変えてみる内藤です。2011年8月以降の新カスタム可能デザイン【CSS編集用デザイン】では、メッセージボードの上下に点線がついて表示されます。これが嫌だという方が結構います^^;『点線じゃなくて、枠にしたい』とよく言われます。*/}するとこのような感じになりますカラーコードを変更すると、枠の線や、内部の色も変更できます。(新)CSS編集用デザイン記事中の文章を枠で囲む内藤です。アメブロで記事中の文章を囲みたい場合ってあると思います。</div>で囲みます。こんな感じになります。線の太さが2pxで、破線、線の色が#CCCCCC(グレー)を意味しています。枠と文章との余白を意味します。background-color:#F2F2F2;を付け加えると、枠の内部に色を付けることも可能です。(二重線、3px以上)などがあります。(新)CSS編集用デザインアメブロの記事幅を広げ、記事の枠を消す内藤です。2011年8月以降新しくなったカスタム可能デザイン【CSS編集用デザイン】では、記事エリアが470pxになりましたが、枠や余白を除いた記事本文の幅は410pxとなっています。いう方はこちら記事エリアについている各記事の枠と、文との余白を狭くして記事幅を広げるやり方は以前ご紹介しました。29px;の数値が左右の余白になりますので、数値を小さくすると記事自体の幅は広がります。29px;の数値を変更します。すると枠がなくなります。(新)CSS編集用デザインメッセージボードを枠に変えてみる【CSS編集用デザイン】では、メッセージボードが最初はこのように、上下に波線が引かれています。これを四角の枠に変える場合のやり方です。*/}という個所を見つけます。#979797;が上下の点線を表しています。*/}枠になりました。dottedは線の種類、#979797は線の色を意味します。カラーコードを変更すると、内部に色を付けることもできます。(新)CSS編集用デザイン記事幅を広くする旧カスタム可能デザインから、2011年8月以降の新カスタム可能デザイン【CSS編集用デザイン】の大きな変化の1つに、『幅』があげられます。旧カスタムデザイン(ベーシック)では、記事の幅が420pxありました。新しい【CSS編集用デザイン】では、記事エリアの幅は470pxあります。ところが、実際に記事の表示される部分の幅は410pxになっています。旧カスタムデザインよりも狭くなっています。見やすいように枠と、余白が設けられた分、記事の幅が狭くなっています枠と、記事本文の余白を狭くすると、記事本文の幅は少し広がります。29pxを小さくすると余白分が狭くなり、記事本文の幅が広がります。29pxは左右それぞれを表しています。470pxになっていました。29pxの部分を変えてみてくださいね。(新)CSS編集用デザインアメブロの文字の大きさとリンクを読みやすく、わかりやすくする内藤です。文字が読みやすく、リンクがわかりやすいこれって読者目線ではとても大事です。マニュアルでも最初に書いていることです。/*文字装飾*/}を追加してみてくださいこれで、記事とメッセージボードの文字とリンクが変わります。(旧)文字の大きさとリンクを読みやすく、わかりやすくする内藤です。文字が読みやすく、リンクがわかりやすいこれって読者目線ではとても大事です。/*文字装飾*/}を追加してみてくださいこれで、記事とメッセージボードの文字とリンクが変わります。Reserved.このページの先頭へ。