SNS、RSS登録ボタンの設置2
以前に、デザイン変更のまとめの記事を書いていますが、その後RSSボタンは変えてみました。
dohjou.hateblo.jp
下記のようにRSSボタンを可愛くしてみました。
SNSのボタンも。ふふ
こちらの記事を参照しています。感謝。
www.yukihy.com
記事のコードにinstagramも追加しています。
<a class="follow_instagram" href="https://www.instagram.com/dohjou/" onclick="window.open('https://www.instagram.com/dohjou/', '', 'width=800,height=600'); return false;"> <i class="blogicon-instagram lg"></i> <span class="text-small">Instagram</span> </a>
もし、参考にされる場合は2ヵ所ある「dohjou」の部分をご自身のidに変えてくださいね。
CSSも追加で記載していますが、枠を消去するために「フラットで丸く可愛く」のコードを少し編集しています。
border: 2px solid #XXXXXX を3か所消去しています。
でinstagram用に以下追加で。
.follow-btn .follow_instagram { color: #2c4f54; background: #ffffff; }
.follow-btn .follow_instagram:hover { color: #ffffff; background: #2c4f54; transition: all .3s; }
以上、メモでした。