YouTubeチャンネル登録ボタン

Vas of Atumのベース、兼サイト・ブログ管理者のMIKAです。

ブログを開設した時から、ずっと「やろう」「やろう」と思ってたこと!

ブログの全ページに「YouTubeチャンネル登録ボタン」を表示すること!

2019年9月にブログを開設したから、約半年も経ってしまった(*´▽`*)

バンドのブログって、バンドのことや音楽のことばかり書くわけじゃないから、見てもらった人に「書いた人は何をやってる人なのか!?」と知ってもらうためには、こういうツールを利用するのが一番!!!

表示する場所は、記事の上や下よりも『最近の投稿』の位置に表示したいな。

YouTubeチャンネル登録ボタン

ということで、やっていきます!

ボタンのコードを取得する

まず、YouTubeのIDを調べます。

自分のYouTubeのページをブラウザで開くとURLにのってます。

YouTubeチャンネル登録ボタン

↓ここがボタンのコードを生成してくれるページです。

https://developers.google.com/youtube/youtube_subscribe_button

[チャンネル名またID]の欄に調べたIDを入力し、[レイアウト][テーマ][チャンネル登録者数]はプレビューを見ながら好きなように設定します。

YouTubeチャンネル登録ボタン

[コード]欄にボタン設置用のコードが完成!

YouTubeチャンネル登録ボタン

ブログにボタンを表示

ブログに設置します。※このブログは有料テーマ「賢威8」を使っています。

[外観]>[ウィジェット]をクリック。

YouTubeチャンネル登録ボタン

[カスタムHTML]をサイドバーの表示させたい場所にドラッグ。

YouTubeチャンネル登録ボタン

[タイトル]をつけ、[内容]欄にさっきのコードを貼り付ける。

YouTubeチャンネル登録ボタン

サイドバーの中心に表示させたいので、コードの前に「<div class=”al-c”>」、コードの後ろに「</div>」を書き込む。

YouTubeチャンネル登録ボタン

上の段が「Vas of Atumチャンネル」、下の段が「まったりVas」チャンネル。
見やすくするために間に1行改行を入れる。「<p>&nbps;</p>」

YouTubeチャンネル登録ボタン

[保存]をクリックで完成(^O^)

YouTubeチャンネル登録ボタン

ブログを見てみると、表示されてます

YouTubeチャンネル登録ボタン

募集!

ドラム & キーボード 募集中!

「メールはこちらをクリック」から連絡をください

 

Vas of Atum 最新ライブ情報

Vas of Atumの最新ライブ情報&チケット購入の詳細は、こちらをクリック!

 

Vas of Atum 最新ライブ動画

2020.2.29(土) IDENTITY CRISIS in 熊本Django

『 My Destiny 』