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チャンネル登録ボタン

 

 

ライブ情報


2024.3.24(日)

『ツイキャス同時配信ライブ』
熊本Django

OPEN 18:00 / START 18:30
ADV ¥1,700 / DAY ¥2,000
※別途1ドリンク ¥600
ツイキャス配信 ¥1,700

ツイキャス同時配信ライブ


 

Vas of Atum(現:VARS) 最新ライブ動画

2022.9.11 Live『PSEUDO AGGREGATION』 in 熊本Django