Youtubeを流してみる
説明があちこちに出ているので簡単だとは思いますが、念のために。
まずはYoutubeで張り付ける動画を探してきます。
その再生画面の下のほうに共有というボタンがありますのでそこをクリックします。
クリックすると公開したいところがいくつか出てきますのでここでは”Ameba”を選びます。
すると、アメブロの画面に切り替わります。
本文のところにYoutubeのコードが出てきますので、
「?fs=1&hl=ja_JP"」の所を探して「?fs=1&autoplay=1"」と書き換えます。
ここで
最初の object width="480" height="295"で再生時の大きさ 横/縦を指定します。そのままで良いとは思いますが。
次のparam~ から最後の ~/param>までは消してもいいかもしれません。
これで保存して開けばYoutubeが自動で再生されるはずです。
アメブロのデザインを変えてみよう
他の人もされておるんですが、ブログ自体のデザインを弄ってみようかと・・・・
5年ぶりにCSSに触ってみました
すっかり忘れている![]()
忘れないように残しておかねば![]()
とりあえず背景、タイトルに画像を入れてみる。
カスタマイズできるデザインを選んで
デザインの変更
CSSの編集
ココで5枚まで画像がアップロードできるので背景用、タイトル用の画像をアップロードしておく。(このとき画像の下にhttp://・・・と画像のアドレスが出るので覚えておく)
CSSの編集画面の該当箇所を直接書換えても良いんだが、該当箇所がわかりずらいので一番下に下記構文を追加して保存
/* ---------- 背景画像 ------- */
body{
background-image:url("http://・・・.jpg");
上記アップロードした画像のアドレス
background-repeat:repeat-y;
}
/* ---------- ヘッダー画像 ------- */
#header {
height:375px;
background-image: url("http://・・・.jpg");
上記アップロードした画像のアドレス
background-repeat:no-repeat;
}
/* ---------- フレーム画像 ------- */
#frame{
background-image:url("http://・・・.jpg");
上記アップロードした画像のアドレス
");
background-repeat:repeat;
}
ここで
background-repeat:repeat;で繰り返しを指定する
background-repeat:repeat ・・・・ 縦横に繰り返し
background-repeat:no-repeat ・・・・ 1回のみで繰り返しはしない
background-repeat:repeat-y ・・・・ 縦に繰り返し
background-repeat:repeat-x ・・・・ 横に繰り返し
こんな感じでやって見る



