ブログ関連 無料情報
■文字をスクロールさせます。
タイトルやサブタイトル(サイト説明文)などに使うと効果的です。
↑
<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" 数値を小さくするとスクロールの速度が速くなります
↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める(※IE のみ有効)</marquee>
※サンプルページ
タイトルやサブタイトル(サイト説明文)などに使うと効果的です。
↑
<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" 数値を小さくするとスクロールの速度が速くなります
↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める(※IE のみ有効)</marquee>
※サンプルページ
≫[文字をスクロール]の続きを読む
関連タグ : カスタマイズ,
▼ランダム画像表示スクリプト
<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>
<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>
ライブドアブログでは、デフォルトの状態だと、同じ日に投稿した記事は、同一枠内に区切りなしに表示されてしまいます。このままだと、記事の区別がつきにくいので、同日投稿でも記事の区切りができるようにしてみましょう。
まず、管理画面「デザインの設定」より、「トップページ」をクリックして、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対策リンク集 (※現在、休止中)
まず、管理画面「デザインの設定」より、「トップページ」をクリックして、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対策リンク集 (※現在、休止中)■FC2ブログ サポートフォーラム
※FC2ブログに関するサポートフォーラムです。
わからない事があったら、まず、こちらで調べてみてください。
FC2からのお知らせ
※FC2からの一般的なお知らせやメンテナンス・障害の際のお知らせ
一般カテゴリー
FAQ・よくある質問 (質問する前にチェック)
質問掲示板 (FC2ブログに関する質問フォーラム)
不具合・要望掲示板 (不具合と思われるもの・要望等はこちら)
デザイン・カスタマイズ
テンプレート掲示板 (テンプレートのカスタマイズはこちら)
カウンター・アクセス解析掲示板 (カウンター・アクセス解析等の話題はこちら)
その他ブログパーツ掲示板 (ブログパーツ等の話題はこちら)
その他
雑談掲示板 (話題や雑談はこちら)
ブログ宣伝掲示板 (FC2ブログの宣伝が可能)
◎ ブログ カスタマイズ 方法
※FC2ブログに関するサポートフォーラムです。
わからない事があったら、まず、こちらで調べてみてください。
FC2からのお知らせ※FC2からの一般的なお知らせやメンテナンス・障害の際のお知らせ
一般カテゴリー
FAQ・よくある質問 (質問する前にチェック)
質問掲示板 (FC2ブログに関する質問フォーラム)
不具合・要望掲示板 (不具合と思われるもの・要望等はこちら)
デザイン・カスタマイズ
テンプレート掲示板 (テンプレートのカスタマイズはこちら)
カウンター・アクセス解析掲示板 (カウンター・アクセス解析等の話題はこちら)
その他ブログパーツ掲示板 (ブログパーツ等の話題はこちら)
その他
雑談掲示板 (話題や雑談はこちら)
ブログ宣伝掲示板 (FC2ブログの宣伝が可能)◎ ブログ カスタマイズ 方法













