moti.life

日々のたのしいを探すもちらいふ

YouTubeボタンを自作してプロフィール欄に設置してみました

f:id:motimoti444:20200419225716p:plain

こんにちは、motiです。

今回はYouTubeボタンを自作してプロフィール欄に設置してみたのでそのやり方をまとめておきたいと思います。

 

 

YouTube Subscribe Buttonの不具合?

最初はYouTube Subscribe Buttorでボタンを作る予定だったのですが、

なぜかプレビューができても作成されたボタンがクリックができないような状態で断念しました。

何回か試したりしても私は駄目だったのですが、他の方はどうかわからないので、 

公式のボタンの方がいいという方はこのサイトから作ってみてもいいと思います。

 

YouTube Subscribe Buttonでの設置方法はこちらの方がとても分かりやすく説明されています。

▼YouTube Subscribe Buttonで登録ボタンを設置

nyannyan010.hateblo.jp

 

 

使用したHTML

<a href="自分のYouTubeのURL" target="_blank">
<img src="画像のURL">
</a>

 

サイドバーのプロフィールのところに入れると

 ↓こんな感じに表示されます。

 

私はプロフィールを「プロフィール」ではなく「HTML」で作成しているので、

そこの最後尾に貼り付けました。

「プロフィール」に貼っても問題なく表示されます。

 

 

 

実際にプロフィールに貼ってみました

f:id:motimoti444:20200419224214p:plain

YouTubeっぽい赤色にしようかとも思ったのですが、

今回は全体的な雰囲気に合わせて白と黒だけ使った画像にしてみました。

Twitterのボタンも近々白黒にしたりしてもよさそうです。

 

 

 

おわりに

今回はYouTubeのチャンネルボタンを自作してプロフィール欄に設置してみました。

YouTube Subscribe Buttonの不具合については調べても解決方法が出てこなくて

困っていたのですが、自作したのも割と気に入っているのでとりあえずはこのままにしておきたいと思います。

 

ここまで読んでくださってありがとうございました。