Fallout好き:主にFallout New Vegas

Fallout好き:主にFallout new Vegas

2013年8月5日月曜日

このブログ(blogger)の書き方メモ

文章だけだとつまらないので、画像を一枚。
ドックミッチェルが見せてくるロールシャッハの絵の代わりに
これを使えないだろうか?
「何に見える?」

作成手順

1.画像を貼る。

  画像は表示順にクリックして選択する

  (1) 画像の取り込みする時、以前に取り込んだ画像が多いなどで邪魔な時
    →一旦Bloggerを閉じると画像をクリア出来る

  (2) 取り込み方法
    →取り込み時も確か書いてあるが、複数指定して一括取り込み出来る。
    あらかじめフォルダを作ってそこに取り込む画像を放り込んで置くと
    Ctrl+a で一括で取り込めて楽)。

  (3) 貼り付け前の画像選択方法
    →取り込む画像は青枠で囲んで指定する。

      取り込む時、自動で青枠で囲まれるが、一部の画像が青枠で囲まれない(指定されていない)事が多い。
      この時、残りの画像に青枠をつけて取り込むと、取り込む画像の順番が乱れる。

      それを防ぐ方法
      →一旦画像選択画面を閉じる
      →再度画像取り込みをクリック
      →これで全ての画像から青枠が取れるので、手動で左上から順番に画像を指定する
       (青枠を付ける。その青枠を付けた順番で画像が取り込まれる)。

2.文を書く。画像に付ける文は画像をクリックして「説明文を追加」。
  説明文を消す時も画像をクリックして「説明文を削除」。

3.文字の大きさは自分は基本全部同じなので、
   ctrl+a で全選択し、フォントサイズ→標準、で文字の大きさを統一出来る。

4.追記の区切りを挿入(もっと読む)。画像を入れても一枚だけ。

5.画像サイズ一括変更
   (1) HTMLソースをエディタ(自分はサクラエディタ)に貼り付け
      具体的には「HTML」を押し、ctrl+a、ctrl+c で全ソースコピーし、
      エディターに ctrl+p で貼り付け。
   (2)置換
     ctrl + r
         「置換前文字列」→「置換後文字列」
         s320 → S640
         width="340"→ width="640"
         height="180"→height="360"
   
   (3)エディタからブログに戻す
       エディタ上でctrl+a ctrl+c→ブログ上で ctrl+a ctrl+p→「作成」クリック
   
   これで画像サイズを一括で 640x360 に変更しつつ画質も綺麗
      (全ての画像を個別にクリックして「特大」で画像サイズ変更したのと同じ結果になる)。

6. Youtube動画は「動画を挿入」で指定出来る

Youtube動画と別に直接動画をアップロードする方法も出来る(動画の枠にBloggerと表示される)も出来たけど、なぜか映像がかなり荒くなるのでやらない方が良い。

Youtube動画の大きさ調整。
ただ挿入しただけだと自分のblogではちょっと小さい。ので、左上の「HTML」でHTMLを表示させ少し編集する。
width(横幅)="320"なら、とりあえず2倍の640にすれば丁度良い。合わせてheight(高さ)は2倍の532でもいいが、黒帯が出るので450位がいいかも(しばらく検証必要)。実際に表示される画面はプレビューで見ないと確認出来ない(編集画面では正しく表示されない)。

例:編集前
<div class="bb-content" style="font-size: 13px; margin: 0px; overflow: hidden; padding: 0px 0px 3px;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://img.youtube.com/vi/wAEhJ2z6_ik/0.jpg"><param name="movie" value="http://youtube.googleapis.com/v/wAEhJ2z6_ik&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://youtube.googleapis.com/v/wAEhJ2z6_ik&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object><br /><br /><br />Here's what's left to do:<br />ここはやり残しているものです:</div>

例:編集後
<div class="bb-content" style="font-size: 13px; margin: 0px; overflow: hidden; padding: 0px 0px 3px;">
modの全てのコンテンツが入ったテスト用フットロッカー(小型トランク)は、<span style="font-size: 13px;">モハビ前哨基地の</span><span style="font-size: 13px;">キャスの居るバーに歩み行った時、利用可能です。</span></div>
<div class="bb-content" style="font-size: 13px; margin: 0px; overflow: hidden; padding: 0px 0px 3px;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://img.youtube.com/vi/wAEhJ2z6_ik/0.jpg" height="450" width="640"><param name="movie" value="http://youtube.googleapis.com/v/wAEhJ2z6_ik&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="640" height="450"  src="http://youtube.googleapis.com/v/wAEhJ2z6_ik&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object><br />

7.音声ファイルの張り方
     googleのファイル置き場にファイルを置く。
    自分の場合はここ→https://sites.google.com/site/yomotaxxx/file
     ブログに下記太字部分をファイル名に変更して貼り付け。

<object data="https://sites.google.com/site/yomotaxxx/file/dewplayer-mini.swf" height="20" id="dewplayer" name="https://sites.google.com/site/yomotaxxx/file/dewplayer" type="application/x-shockwave-flash" width="160"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf" /> <param name="flashvars" value="mp3=https://sites.google.com/site/yomotaxxx/file/shogo_thaksman.mp3&amp;autostart=0&amp;showtime=1" /> </object>

   参考にしたWEBサイト:http://imasashimahashi.blogspot.jp/2010/03/vol52-google-bloggermp3.html
                  http://www.alsacreations.fr/dewplayer.html

8.Nexus のURLは 最後の /? を取る(とらなくても動作に問題は無いが余裕があれば)。

9.すぐに公開しない場合、画面右の「スケジュール」で指定日時に公開出来る。
  その場合、日時指定の後「公開」を押す。公開を押して初めてスケジュール通りに公開される。左の「投稿」で該当の記事が「スケジュユール済み」と表示され確認出来る。

その他

・Ustream放送の貼り方

目的の放送をブラウザで開く
 →放送画面右下の「共有」
 →「<>」(一番上)
 →「古いエンベッドコードを使う」をチェック
 →「クリップボードにコピー」 ※

→bloggerの新記事作成の画面にする
 →左上の「作成」「HTML」の「HTML」をクリック
 →上記貼り付けたのものを、ここに貼り付け
 →「作成」をクリック。

とりあえずこれで可能。

さらに細かい調整をしたい場合は ※の後に

→メモ帳などに貼りつけ

--- これが貼り付けたもの ------------------------------
<object width="480" height="302" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
  <param name="flashvars" value="cid=5975423&amp;autoplay=false&amp;locale=ja_JP"/>
  <param name="allowfullscreen" value="true"/>
  <param name="allowscriptaccess" value="always"/>
  <param name="src" value="http://www.ustream.tv/flash/viewer.swf"/>
  <embed flashvars="cid=5975423&amp;autoplay=false&amp;locale=ja_JP" width="480" height="302" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash"></embed>
</object>
<br /><a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">Live streaming video by Ustream</a>
----------------------------------

これを加工する。
----------------------------------
<object width="480" height="302" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
  <param name="flashvars" value="cid=5975423&amp;autoplay=false&amp;locale=ja_JP"/>
  <param name="allowfullscreen" value="true"/>
  <param name="allowscriptaccess" value="always"/>
  <param name="src" value="http://www.ustream.tv/flash/viewer.swf"/>
  <embed flashvars="cid=5975423&amp;autoplay=false&amp;locale=ja_JP" width="480" height="302" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash"></embed>
</object>
<br /><a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">Live streaming video by Ustream</a>
----------------------------------
加工内容
 480→640 (これは横幅なので自分のブログに合わせて変更する)
 302→480 (これは縦幅。横幅同様に変更する)
 下の<a href から最後までは削除

加工後はこうなる。
----------------------------------
<object width="640" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
  <param name="flashvars" value="cid=5975423&amp;autoplay=false&amp;locale=ja_JP"/>
  <param name="allowfullscreen" value="true"/>
  <param name="allowscriptaccess" value="always"/>
  <param name="src" value="http://www.ustream.tv/flash/viewer.swf"/>
  <embed flashvars="cid=5975423&amp;autoplay=false&amp;locale=ja_JP" width="640" height="480" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash"></embed>
</object>
<br />
----------------------------------
これを、最初の方法と同様に、「HTML」で貼り付ければブログに合った大きさで、一番下の「live streaming video by Ustream」という表示無しで表示出来る。
なお、autoplay=falseとなっている2箇所をautoplay=true にすれば自動再生も出来るが、そういうWEBサイトはあまり好まれないと思う。

しかし、こういうのってFalloutと直接関係無い話しだ。でも同じブログに置いてておきたいな。
どうしたもんだか。


0 件のコメント:

コメントを投稿