テンプレート カスタマイズ

ここでは、テンプレート カスタマイズ に関するカテゴリー情報を紹介しています。
--/--/--(--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2006/01/27(金)
文字をスクロールさせます

タイトルやサブタイトル(サイト説明文)などに使うと効果的です。

文字の大きさ20px、赤色指定
 ↑
<MARQUEE style="font-size:20px;color:#ff0000;padding:5px;">文字の大きさ20px、赤色指定</MARQUEE>

スクロールの速さを指定する
 ↑
<marquee scrollamount="5" scrolldelay="50" behavior="scroll"
loop="0">スクロールの速さを指定する</marquee>

 ※scrollamount="5" 数値を大きくするとスクロールの速度が速くなります
 ※scrolldelay="50" 数値を小さくするとスクロールの速度が速くなります

1度だけ動かし、スクロールを止める(※IE のみ有効)
 ↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める(※IE のみ有効)</marquee>
 ※サンプルページ

2006/01/25(水)
▼ランダム画像表示スクリプト

<SCRIPT language="JAVASCRIPT">
<!--
Se=Math.floor(Math.random()*10);
if(Se==0||Se==1){Se1="0";}
if(Se==2||Se==3){Se1="1";}
if(Se==4||Se==5){Se1="2";}
if(Se==6||Se==7){Se1="3";}
if(Se==8||Se==9){Se1="4";}

Co=new Array(5);
ga=new Array(5);

Co[0]="http://www.amazon.co.jp/exec/obidos/ASIN/4798010332/wonderland-22?dev-t=DVZ02IW2V71DT%26camp=2025%26link_code=xm2"; // リンク先0
ga[0]="http://images-jp.amazon.com/images/P/4798010332.09.MZZZZZZZ.jpg"; // 表示画像0

Co[1]="http://www.amazon.co.jp/exec/obidos/ASIN/4896272714/wonderland-22/"; // リンク先1
ga[1]="http://images-jp.amazon.com/images/P/4896272714.09.MZZZZZZZ.jpg"; // 表示画像1

Co[2]="http://www.amazon.co.jp/exec/obidos/ASIN/4798108987/wonderland-22?dev-t=DVZ02IW2V71DT%26camp=2025%26link_code=xm2"; // リンク先2
ga[2]="http://images-jp.amazon.com/images/P/4798108987.09.MZZZZZZZ.jpg"; // 表示画像2

Co[3]="http://www.amazon.co.jp/exec/obidos/ASIN/4839916543/wonderland-22?dev-t=DVZ02IW2V71DT%26camp=2025%26link_code=xm2"; // リンク先3
ga[3]="http://images-jp.amazon.com/images/P/4839916543.09.MZZZZZZZ.jpg"; // 表示画像3

Co[4]="http://www.amazon.co.jp/exec/obidos/ASIN/4798010928/wonderland-22?dev-t=DVZ02IW2V71DT%26camp=2025%26link_code=xm2"; // リンク先4
ga[4]="http://images-jp.amazon.com/images/P/4798010928.09.MZZZZZZZ.jpg"; // 表示画像4

document.write('<A href="'+Co[Se1]+'">');
document.write('<IMG src="'+ga[Se1]+'" border="0"></A>');
// -->
</SCRIPT>
2006/01/08(日)
ライブドアブログでは、デフォルトの状態だと、同じ日に投稿した記事は、同一枠内に区切りなしに表示されてしまいます。このままだと、記事の区別がつきにくいので、同日投稿でも記事の区切りができるようにしてみましょう。

まず、管理画面「デザインの設定」より、「トップページ」をクリックして、HTML の編集画面を表示し、以下の青字の部分(上部にあり)を探します。

  --- 上部略 ---
<div id="content">
<div class="blog">

<!-- Loop Start -->
<IndexArticlesLoop>

<$TrackBackAutoDiscovery$>
<IfDateChanged><h2 class="date"><$ArticleDate$></h2></IfDateChanged>

<div class="blogbody">

  --- 以下略 ---

h2タグを挟んでいる、<IfDateChanged>と</IfDateChanged> の部分を削除します。

これで、同日投稿でも記事の区切りができるようになります。

アクセスアップSEO対策リンク集 (※現在、休止中)
2006/01/07(土)
FC2ブログ サポートフォーラム
 ※FC2ブログに関するサポートフォーラムです。
   わからない事があったら、まず、こちらで調べてみてください。

FC2からのお知らせ
 ※FC2からの一般的なお知らせやメンテナンス・障害の際のお知らせ

一般カテゴリー
  FAQ・よくある質問 (質問する前にチェック)
  質問掲示板 (FC2ブログに関する質問フォーラム)
  不具合・要望掲示板 (不具合と思われるもの・要望等はこちら)

デザイン・カスタマイズ
  テンプレート掲示板 (テンプレートのカスタマイズはこちら)
  カウンター・アクセス解析掲示板 (カウンター・アクセス解析等の話題はこちら)
  その他ブログパーツ掲示板 (ブログパーツ等の話題はこちら)

その他
  雑談掲示板 (話題や雑談はこちら)
  ブログ宣伝掲示板 (FC2ブログの宣伝が可能)


ブログ カスタマイズ 方法
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。