はてなブログのフォローボタンに(youtube、インスタなど)設定!おすすめカスタマイズ!!!

f:id:buchibuchi4647:20170517135359j:plain

コピペでOK!はてなブログのsnsシェアボタンやフォローボタンをオシャレに簡単にカスタマイズ。インスタグラムやyoutubeのシェアボタンを設置したい方はおすすめです。

 

フォローボタンをフラットタイプのカスタマイズ

最近ではinstagramやyoutubeを利用している人も増えてきました。そんな方に向けてinstagramとyoutubeを含めたシェアボタンのカスタマイズを作ってみました。

youtubeを利用していない方もこの機会に登録することをおすすめします。動画をブログにアップするのなら、youtubeを使ったほうがメリットがあります。再生回数によっては小遣い稼ぎも可能です。また、youtubeを通じて新たなsnsを生じることができます。

 

english-apple-diy.hatenablog.com

 

設置後

実際に設置した場合、以下のように表示されます。

f:id:buchibuchi4647:20170517124110p:plain

リンクに合わせると薄くなるように設定しています。

サイドバーに設定した場合

f:id:buchibuchi4647:20170517124335p:plain

縦に表示されます。シンプルで使い勝手なカスタマイズだと思います。スマホも同等の表示になります。

設置手順1

f:id:buchibuchi4647:20170517135440j:plain

コピペで簡単に設置できます。初心者向けです。

上記のコードを管理画面の[設定]→[詳細設定]→[head に内容を追加]に貼り付けて下さい。フォントを読み込むコードになります。

注意

いろいろカスタマイズしている中で、コードを2重に貼り付けることがあります。上記のコードをすでに貼り付けていないか確認してください。

設置手順2

htmlでリンクの貼り付けをしていきます。htmlがよくわからない人も大丈夫です。簡単にまとめると、あなたのsnsの情報を設定することです。設置したい所(記事上、記事下、サイドバー)に以下のコードを貼り付けてください。

 

snsの情報を入力する 

各アカウント入力やブログID入力→自分のsnsのアカウントやIDを入力します。

  • 2行目に自分のはてなIDとはてなブログのURLを入力
  • 3行目の/以下に自分のtwitterアカウント入力
  • 4行目の/以下に自分のfacebookアカウント入力
  • 5行目の/以下に自分のinstagramアカウント入力
  • 6行目の/以下に自分のyoutubeアカウント入力
  • 7行目に自分ブログURL入力

打ち間違いがないか確認しましょう。また、ブログURLを入力するとき「http://」が必要なのはfeedlyのみです。

必要のないsnsフォローボタンは不要な行(<li>〜</li>)を削除してください。

また順番を並べ替えることで、配置を変えることも可能です。

設置手順3

最後にCSSを貼り付けて完成です。今回は3種類のデザインを紹介します。気に入ったものを選んで貼り付けてください。

以下のコードを「デザインcss」に貼り付けてください。

デザインのカスタマイズ

47行目の数字の値を変更すると周囲の形を変更できます。

48行目の数字を変更するとフォントの大きさを変更できます。

49行目の数字を変更すると大きさを変更できます。

以上です。最後まで読んでいただきありがとうございました。

 

当サービスお得情報紹介・5名限定モニター生募集

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を提供中。

購入して終了ではなく….サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

ライン募集

ライン公式アカウントでもサービス情報をお届けしております。お友達に追加頂いた方には現在有料情報を無料で提供しております。この機会に友達追加してはどうでしょうか?
友だち追加
サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて600件以上の販売実績と評価4.8以上であるプラチナ会員認定

ココナラ経由だともっと割引?

ココナラ経由でサービスをご利用頂きましたお客様には貴重な特典・割引価格で提供しております。このチャンスにぜひご検討ください。
アクセスアップ狙った1500記事+ツール販売します 20ジャンル全部で1500記事+ツール販売・PVアップ向け

ご依頼お待ちしております。

また、2020年にはあるモニター生が私のコンサルサポートを実施してココナラ での販売を開始しました。2020年7月末から8月末までの1ヶ月間での成果ですが。売り上げではなく、実際の収入見込みが22万達成できました。新規アカウントです。この調子で頑張って欲しいです。

上記のモニター生同様、ココナラ を使って副業サポートコンサル希望のモニター生を5名募集しております。

モニター価格は2種類あります。私が徹底的にサポートまたは定期的なアドバイスの2パターンあります。興味のある方は、こちらも合わせてお問い合わせよりご連絡ください。

ご依頼・ご質問等はコチラから。内容を確認次第、順次対応させて頂きます。

お名前
必須
メールアドレス
必須
サービス内容
メッセージ本文
 
最新情報をチェックしませんか?