from :: Asahikawa Hokkaido

passer-by198

primetime pencil

2010/01/05


Posted

Bloggerのフッターにcreditsの画像を使う記述

Blogger って…

フッターもガジェットなので…

ガジェットに HTML や Java を書いといて…

表示させる手もあるんだろうけど…

オイラのように…

フッターでリンクやらなんやらは…

要らんッ…

自作 credits だけでイイッ

って人はけっこう居るでしょ

そんな貴方は…ただ…

いつも通りに「HTML編集」から…

フッターに…
  1. #footer {
  2. width:620px;
  3. height:40px;
  4. clear:both;
  5. margin:0 auto;
  6. padding:0;
  7. background:url(URL) no-repeat;
  8. }
…を、書くだけです…

ご自身で用意なさった画像のサイズ、URL に変更してネン…

繰り返し書いときますが…

51 のオヤヂが感覚のみで書いてますから…

ちゃんと…

テンプレートのバックアップをして…

作業を行って下さいな…

ChromePlus では「右クリック」「要素を検証」で…

ページ要素を見れるので…

気に入ったサイトがあったら…

要素を見る癖をつけるとイイですよ~~

…んで…自分のサイトに応用…

あくまで…応用です…

決して…パクリではありません…(キッパリ)

( ̄ー ̄)邪笑

現在は以下の方法で表示しています…

 Bloggerで見出しに文字を表記させずに文字入り画像を使う記述…HTML編


 Bloggerのページャーに画像を使う記述…HTML編


 Tonttu/テンプレート編集に必須な「CSS Sprites」作成ツールの使い方と「HTML」マークアップ


 Google Bloggerで絵文字を使うためのTips【CSS Sprites 編】


  1. /* Footer
  2. ------------------------------------------------------------------- */
  3. #footer {
  4. clear: both;
  5. margin: 0 auto;
  6. padding: 0;
  7. line-height: 1.6;
  8. text-transform: none;
  9. letter-spacing: .1em;
  10. text-align: center;
  11. }


0 Comments :

「jQuery」と「jQuery UI」で HTML に彩りを添えよう…


「導入」「Button」「Accordion」「Tabs」「Effects/Slide」
「Progressbar」「Dialog」「Tooltip」「Menu」
「Extra」 / 公式「Widgets」以外の「jQuery UI」スクリプト
Blogger Template Customize Universal / INDEX

Blogger テンプレート・カスタマイズ / 全般を解説
高速化・最適化対策の結果と備忘録