2010年6月30日

Bloggerのカスタマイズ

ブログをちょっとカスタマイズしてみました。

  • 背景画像の変更 。
  • 「もっと読む」リンク 。

 

■背景画像の変更

 「デザイン」⇒「テンプレート デザイナー」⇒「背景」を選んで変更できます

image 

image 

image

image

 ただしこの方法では画像ライブラリにある画像しか設定できないようです。自分の画像を背景に設定するには

  • 背景にしたい画像を外部サイトにアップロードして、該当画像のURLをメモ 。
  • 「デザイン」」⇒「HTMLの編集」でテンプレートにある下記内容を編集。

<Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="#111111 url(http://背景画像のURL
) repeat-x fixed top left" value="#dddddd url(http://背景画像のURL) repeat-x fixed bottom left"/>

image 

image

image

  • テンプレートを保存。

 

■「もっと読む」リンク

  投稿が長い場合、最初の要約だけを表示し、続きを読みたい場合は「もっと読む」リンクをクリックします。Bloggerでもこの機能を利用できます。

  • エディタで編集モードを変更

ブラウザで編集する場合:    image

    Live Writterで編集する場合: image

  • 要約の後ろに下記タグを追加

<!—more –>

  • 投稿を保存もしくは公開

0 件のコメント:

コメントを投稿