全くの初心者です。ブログの日記部分の幅を目一杯を使い画像を貼り付けたいのですが・・・
ブログの日記部分の幅を目一杯使い画像を貼り付けたいのですが?そして、その画像を他のHPに飛ぶ為のバナーにしたいのですが?
それと、ブログトップページをオリジナルな物に変えていますが、これも他のHPに飛ぶ為のバナ
ーにしたいのですが、可能でしょうか?
回答(1)
1.
本文の横幅が狭いので、360pxくらいにとどめてみて下さい。
画像をアップロードする際、 「チェックするとサムネイル(縮小した画像)が生成されます」 というチェックをはずしてください。
そして、本文に貼り付けてみて下さい。
タイトル部分の変更は、色々やり方はあるかと思いますが、簡単な方法をひとつ紹介します。
バックアップをとった後にHTMLを変更してみて下さい。
トップページのHTMLに下記のような部分がありますが、この部分を変更します。
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
↓
<div id="banner"><div class="description">class="blogtitle"などを削除し、下記のようにします。
↓
<h1><a href="<$BlogUrl$>"><img src="画像のアドレス" width="767" height="155" border="0" alt="【夢 創】の『黒いダイヤ』に魅せられて!!"></a></h1>
画像のアドレス http://image.blog.livedoor.jp/musou_0090/imgs/5/7/57f95e49.jpg?blog_id=1592213は不要です。
個別記事ページ、カテゴリアーカイブ、月別アーカイブでも同様に変更し、全ページ再構築します。
イメージと違う場合はバックアップしたHTMLに戻してください。
コメント(1)
回答ありがとうございました。
ブログ記事内はうまい事出来たのですが、トップがうまい事出来ません。
左のサイドバーが崩れてしまいます。
トップ画像を他のHPに誘うバナーにするにはどうしたらいいのでしょうか?
バックアップをとった後にHTMLを変更してみて下さい。
トップページのHTMLに下記のような部分がありますが、この部分を変更します。
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
↓
<div id="banner"><div class="description">class="blogtitle"などを削除し、下記のようにします。
↓
<h1><a href="<$BlogUrl$>"><img src="画像のアドレス" width="767" height="155" border="0" alt="【夢 創】の『黒いダイヤ』に魅せられて!!"></a></h1>




