こんにちは、パソコンインストラクターの川上雄大です。
最新デザイン（横幅が1120pxと広く、プロフィール画像が丸いデザイン）で、ブログタイトルと説明文の位置を自由な位置に配置する方法。
CSS編集用デザインの方の場合、
まず、このヘッダー画像（1120px×300px）（下の青い部分）に対して、
このCSSコードをコピペすると、
/* ブログタイトルと説明文の位置 */
.skin-headerTitle {
position: absolute;
left: 0px; /* headerInner内の左から何pxか */
top: 0px; /* headerInner内の上から何pxか */
}
ヘッダー画像に対して、左から0px、上から0pxなのに、なんか上下真ん中にきています。
ですので、余白をゼロにします。
（余白はpadding（パディング）です。）
/* ブログタイトルと説明文の位置 */
.skin-headerTitle {
position: absolute;
left: 0px; /* headerInner内の左から何pxか */
top: 0px; /* headerInner内の上から何pxか */
padding:0;
}
すると、ちゃんと左上に設置されます。
あとは、自由な位置を探してください！
ここでは、左から50px、上から220pxの位置に設定してみます。
/* ブログタイトルと説明文の位置 */
.skin-headerTitle {
position: absolute;
left: 50px; /* headerInner内の左から何pxか */
top: 220px; /* headerInner内の上から何pxか */
padding:0;
}
すると、こんなところ（↓青い箇所）にブログタイトルと説明文が設置されます。
なお、私の場合は、ヘッダー画像自体にブログタイトルを入れているので、表示されないように
/* ブログタイトルと説明文の非表示 */
.skin-headerTitle {
display: none;
}
としていますm(__)m
また、CSS編集用デザインではなくて、既存のアメブロが用意しているデザインを使用している方は、
フリースペース編集
（マイページ→設定→サイドバーのフリースペース編集）
の中に
<style type="text/css">.skin-headerTitle {position: absolute;left: 50px;top: 220px;padding:0;}</style>
と入れると、自由に配置することができます！
（ちなみに、フリースペース編集を利用する場合は、「配置設定」で使用できるようにしておいてください。）
（配置した後は、保存して、ご自分のブログを更新（F5キー）してください。）
以上、アメブロカスタマイズでした。
LIDS札幌・ライフデザインスクール
川上 雄大
