sougetuorigamiさんのブログ
Amebaでブログを始めよう!

探査衛星はやぶさを見ると思い出す。

いまTVで タモリxSMAP 僕らは未来を信じよう~宇宙への挑戦と奇跡の・・・で探査衛星はやぶさをしているんだか、頭の中では


が出てきて困る

Youtubeを流してみる

説明があちこちに出ているので簡単だとは思いますが、念のために。


まずはYoutubeで張り付ける動画を探してきます。

その再生画面の下のほうに共有というボタンがありますのでそこをクリックします。



sougetuorigamiさんのブログ


クリックすると公開したいところがいくつか出てきますのでここでは”Ameba”を選びます。


sougetuorigamiさんのブログ

すると、アメブロの画面に切り替わります。


sougetuorigamiさんのブログ

本文のところに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 ・・・・ 横に繰り返し


こんな感じでやって見る