「YouTubeチャンネル登録ボタン」を貼り付けて、登録ユーザー数を増やそう

YouTubeChannel Button 02

ブログで自分のYouTubeチャンネルを宣伝して登録ユーザーを増やすには、「YouTube サブスクライブボタン」の貼り付けが簡単かつ有効です。

いわゆる、チャンネル登録ボタンですね。

デザインはサブスクライブボタンのみと、ユーザーアイコンも表示するもの、背景がダークなものと3通りありますので、ブログのデザインに合わせてサイドバーウィジェットなどに表示すれば、何となくそれっぽくなります。

続きを読む →

[CSS] 動画の貼り付けコードをレスポンシブに最適化させる

Embedvideo responsive

YouTubeをはじめ様々な動画サイトの貼り付けコードは、そのまま貼り付けるとサイズ調整されずに、レスポンシブレイアウトが壊れてしまう場合があります。レスポンシブサイトに最適化させるには、cssでコンテナを作りwidthをピクセル指定からパーセント指定にしてやります。

以前紹介したFitVids.JSを使う方法(とコンテナを使う方法)では、実質、YouTubeの貼り付けコードのみに対応していましたが、iframe以外にobjectembedにも対応させることで、幅広い貼り付けコードをレスポンシブサイトの表示を崩さずに貼り付けることができます。

続きを読む →