初心者のためのアメブロ講座（62）　～ブログ記事内の文字を動かす～

「初心者のためのアメブロ講座」はわたし、室屋みきよ（miki）が皆様に知って欲しいと思うアメブロの機能、カスタマイズ、豆知識をお伝えする講座です♡
今までの記事はコチラからどうぞ！

今回は、ブログ記事内の文字の動かし方です。

文字を動かすって？

ブログ記事内の文字を動かす、とは

こういうことです。

灰色のBOX内の文字、

右から左へ動いて見えませんか？

文章を目立たせたい場合や

アクセントをつけたい場合に

文字を動かすのは有効です。

わたしは早速、メッセージボードの文字を

動かしてみました

文字の動かし方

”マーキータグ”と呼ばれるタグを使うと
文字が動きます。

①右から左

<marquee>ここに文章を入力</marquee>

↑↑↑上のタグを”HTML表示”にコピペすると、下のように動きます。

ここに文章を入力

②左から右

<marquee direction="right">ここに文章を入力</marquee>

↑↑↑上のタグを”HTML表示”にコピペすると、下のように動きます。

ここに文章を入力

スクロールスピードを変更することもできます。

③早く動かしたい場合

<marquee direction="right" scrollamount="50">ここに文章を入力</marquee>

↑↑↑上のタグを”HTML表示”にコピペすると、下のように動きます。

ここに文章を入力

④ゆっくり動かしたい場合

<marquee direction="right" scrollamount="1">ここに文章を入力</marquee>

↑↑↑上のタグを”HTML表示”にコピペすると、下のように動きます。

ここに文章を入力

scrollamountの数字を小さくすると遅くなり、

大きくすると早くなりますので、

お好みのスピードに調整してみてくださいね。

最後までお読みくださり、

ありがとうございました！！