テンプレートを編集して自分だけのオリジナルブログにカスタマイズする事ができます。ここでは基本的な事項についてだけ触れますが、もっと深く細かいところまでカスタマイズするには、ＨＴＭＬやＣＳＳの知識が必要となります。公式テンプレートや共有テンプレートを見本にしてお好みの画像を入れてみましょう。

「デザインの編集」をクリックします






「general_buroguma」の左上の画像を変更してみましょう









[general_buroguma]を選んで「修正」します




[general_buroguma]を選んで「修正」リンクをクリックして下さい


ＨＴＭＬコード内で該当する画像コードを見つけましょう




[general_buroguma]の場合、下記が該当する画像ファイルのコードです。

http://1.dtiblog.com/template/genral_buroguma/image/rotennburo.gif

↑の画像コードをアップロードした画像に差し替えてみましょう
※ショートカットCtrl+Fの検索機能で検索すると簡単に見つけられます。



利用したい画像をアップロードします







サムネイルをクリックして画像URLをコピーしましょう








画像URLを書き換えます　（サイズもあわせましょう）



元の画像URL
http://1.dtiblog.com/template/genral_buroguma/image/rotennburo.gif

差し替え画像URL
http://1.dtiblog.com/b/blacky1/file/back.jpg"

画像のサイズも指定します
width"800" height="200"

画像は変更されましたが、タイトルが画像の横になってしまっています







タイトルと説明文の位置を左側に変更してみましょう





1.タイトル部分をコピーする

下記のコードがタイトルとその説明箇所です。ここをコピーします。　
<td><a href="<%url>"><%blog_name></a><div class="site_intro"><%introduction></div></td>


2.トップ画像の上の位置にタイトル部分のコードをペーストします。


3.コピー元を削除します。




タイトルと説明文を左に移動しました