読者です 読者をやめる 読者になる 読者になる

明日も山へ行きたい

週末登山を中心に写真や神奈川近辺の美味しい食事の紹介

SNS、RSS登録ボタンの設置2

RSS hats in China


以前に、デザイン変更のまとめの記事を書いていますが、その後RSSボタンは変えてみました。
dohjou.hateblo.jp

下記のようにRSSボタンを可愛くしてみました。
SNSのボタンも。ふふ
f:id:dohjou:20170318103718p:plain



こちらの記事を参照しています。感謝。
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;
}

以上、メモでした。

広告を非表示にする