アメブロの改造ブーム
今、ピグメンバーの間で、
アメブロ改造がブームになっています。
実は１年ほど前に、作ってたブログで挑戦した事あります。
なんで、けっこうハードルは低く感じておりました。
ブログのタイトル部分を加工する方法を書きます。
「ブログのタイトル」・「ブログの説明」を非表示にして、
画像だけのタイトルにする方法を記載します。
画像はクリックするとトップに飛ぶようにもなっているバージョンです。
（2011/02/24現在のこのブログの設定の状態です）
さて、まずは、下準備。
タイトル画像として使用するのであれば、
横800×縦300～400くらいが適切です。
完成したら画像フォルダにアップしてください。
アップした画像のＵＲＬを取得するために下記の手順を行ってください。
「画像フォルダ」
↓
アップした画像をクリックして拡大を表示
↓
表示された画像を右クリックしてプロパティ
↓
そこに表示されたＵＲＬをコピー
（画像ＵＲＬって名付けます）
次にデザインを変更するには下記の手順を行ってください。
「デザインの変更」
↓
「ＣＳＳの変更」（適用中のデザインって中にあります）
↓
「現在使用中のブログデザインＣＳＳ」って文章の最後に
下記の内容を追加してください。
赤字の部分は各自で変更してください。
#header{
height:●●●px;/*画像の縦*/
background-image: url(画像ＵＲＬ);
background-repeat:no-repeat;/*繰り返さない*/
}
#header h1,
#header h2{/*位置の初期化*/
margin:0;
padding:0;
}
#header h1 a{
width:■■■px;/*画像の横*/
height:●●●px;/*画像の縦*/
display:block;
position:absolute;
text-indent:-9000px;
text-decoration:none;
}
#header h2{
display:none;/*概要を非表示*/
}
