せっかくブログでGoogleアドセンス通してるからYouTubeも本腰入れようと思った話

こうなった(失敗)

しかも「Click to Play」てなんだよ・・・

ボタンを押してみるとYoutubeチャンネルには飛んでいくけどとにかく不恰好
どうすればいいのかコードとにらめっこしていると[Googlr+]のコードのままテキストとURLだけ変えればいいんじゃないか？と思い実行してみると

こうなった(成功)

チャンネルにも問題なく飛ぶので成功です！

記事上、記事下に埋め込むコード

記事に埋め込むコードのGoogle+のURLを

http://www.youtube.com/channel/YoutubeのチャンネルID?sub_confirmation=1

に変更。

その下の

<i class="fa-google-plus fa"></i>
<span class="inner-text">Google+</span>

を

<i class="fa-youtube-play fa"></i>
<span class="inner-text">YouTube</span>

に変更。

デザインCSS

あとはデザインCSSに埋めるコードのGoogle+のカラーコードを[#db4a39]から[#cc181e]に変更して完成。

.content-inner-follow-buttons .googleplus {
color: #cc181e;
border: 1px solid #cc181e;
background: #ffffff;
}
.content-inner-follow-buttons .googleplus:hover:after {
top:0;
background:#cc181e;
}