前回、小粋空間さんの記事を取り上げたのでついでにバナーについても紹介しちゃいます。
Movable Type(MT)って初期の状態だと文字だけで飾りっ気がないですよね。
かといってMTを導入したての頃ってあれもこれもやりたいけど、難しくてどれもわからない状態だと思うんです。
そういうときに小粋空間さんで配布しているような格好いいバナーをつけちゃうと雰囲気もよくなるんですよね。
小粋空間さんのテンプレートを利用されている方はこのバナーを。
テンプレートは別のサイトさんのを使っているけど、小粋空間さんのカスタマイズ方法などを参考にしてMTいじりをされている方はこんなバナーもあるみたいです。
バナーを貼るのもいたって簡単。
使いたいバナーをダウンロードして、imagesなどのフォルダにアップロード。
スタイルシートにクレジットバナーの指示がない人は、スタイルシート内に追加します。
.banner {
margin-top:8px;
margin-bottom:2px;
}
そして、メインページやエントリーアーカイブなど挿入したい場所に
<div class="banner">
<a href="http://www.koikikukan.com/">
<img border="0" alt="小粋空間" src="画像のURL" /> </a>
</div>
こんな感じで好きな場所に挿入すると小粋さんのバナーが表示されると思います。
うちではbannerで設定せず、クレジットバナーはpowerdとしてすべてまとめて表示させてます。
あとバナー以外に文字を入力する際などはフォントが大きくなりすぎてしまうことがあるのでスタイルシートでcolor、font-sizeなどを設定すると良いかもしれないですね。
digital Labではこんな感じでスタイルシートは設定しています。
/* クレジットバナー */
.powered {
margin-top: 50px;
text-align: left;
color: #666666;
font-size: 10px;
line-height: 150%;
}
詳しいことは小粋空間さんのテンプレートについてやブログカスタマイズについてで書いていますが、直リンクは禁止されています。
ご自分のパソコンにきちんと画像をダウンロードして使ってください。
この他にもMovable Typeのバナーもあって貼ってるのですが、カフェテラスえの木さんのmtバナーを見ていたら
cgi → mt → mt-static → images
の中にあるというのです。
探してみるとpowered.gifという名前でちゃんとありました！
って、当たり前ですよね。（笑）
うちではこのバナーと小粋空間さんのテンプレート利用バナーを右下の方に貼らせてもらってます。
+++ 関連記事 +++
|
コメント
オ～！遣りましたね！
又、爺の名前まで・・ア～恥ずかしや、恥ずかしや！♪~♪ d(⌒o⌒)b♪~♪
所で・・右カラムの「お気に入りのブログ」の各リンク名の文字が大きく見えるのは爺だけかな？IE 6です。
>山の爺さま
紹介させてもらいました〜。
トラックバックもさせてもらったので、カフェテラスの方にも書き込みに行こうと思ってたのですが先を越されてしまいました！！(^^;)
また、夜にでもお邪魔しに行きます。
お気に入りのブログの部分ですが・・・一応、直してみたのですがどうでしょうか？
うちはウィンドウズじゃないので自分で確認ができないのです。
どうもマックのIEとは動作が違うようで・・・。（苦笑）