今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。
そして、
そのSNSには拡散してもらう為のボタンがあります。
多くのブログやホームページなどのサイトでよく目にかけますね。
様々なデザインのSNSボタンがあります。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
プロモーションを含みます
所要時間目安:約3分
今日は2025年5月12日です。
この記事は2017年1月13日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月12日 (月曜日)本日の人気記事トップ10
2025年5月12日 (月曜日)↓における週間月間人気記事トップ3は?↓
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
月間アクセスランキング 1PV
自分でも、 各パラメーターを用いてどの記事が、 どのくらい読まれているのか、 アクセス数があるのか、 週間アクセス数がどのくらいあるのか、 月間アクセス数がどのくらいあるのか、 WordPress P…
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。
そして、
そのSNSには拡散してもらう為のボタンがあります。
多くのブログやホームページなどのサイトでよく目にかけますね。
様々なデザインのSNSボタンがあります。
アドセンス336pxPC閲覧記事下表示1つ目コード
検証してみたSNSボタンは以下8個です。
です。
WordPressに場合には多くのテーマがあります。
その中でも今現在私はStinger6を使用させていただいています。
しばらくは、
SNSボタンはStinger7やStingerPLUS+風にさせて頂いていました。
ですが、
上記したように多くのデザインのSNSボタンがあります。
(クドイですね^^;))
まずは、これまでのSNSボタンのデザインは以下のような感じでした。
/*--------------------------------
SNS
---------------------------------*/
.sns{
margin-bottom: 20px;
margin-top: 20px;
border-top: 1px dotted #ccc;
}
.sns p{
margin-top: 20px;
font-weight: bold;
}
.snstext{
font-size: 15px;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}
.sns ul {list-style:none;padding:0px;margin-left:15px;}
.sns li {width:31%;float:left;padding:5px;text-aligh:center;list-style:none;}
@media
only screen and (max-width : 900px){
.sns li {
width:45%;}
}
@media
only screen and (max-width : 413px){
.sns li {
width:45%;}
}
.sns li a {
font-size: 20px;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 6px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}
/* ツイッター */
.sns .twitter a {background:#00acee;box-shadow:0 5px 0 #0092ca;}
.sns .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.sns .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.sns .googleplus a {
background: #dc4e41;
box-shadow: 0 5px 0 #d51e31;
}
.sns .googleplus a:hover {
background:#bb4237;
}
/* はてぶ */
.sns .hatebu a {
background:#00a5de;
box-shadow: 0 5px 0 #0081b8;
}
.sns .hatebu a:hover {
background: #008cbd;
}
/* LINE */
.sns .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}
/* Pocket */
.sns .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.sns .pocket a:hover {
background:#c0392b;
}
/*push7*/
.sns .p7-b a {
background:#FFD700;
box-shadow:0 5px 0 #DAA520;
}
.sns .p7-b a:hover {
background:#DAA520;
}
/* feedly */
.sns .feedly a {
background:#87c040;
box-shadow:0 5px 0 #008000;
}
.sns .feedly a:hover {
background:#74a436;
}
参考にしていただけましたら幸いです。
Multiplex 広告
AdSense WordPress カスタマイズ 伝えたいこと 備忘録
Googleのサービスを利用されている方々は多いと思います。さまざまサービスがありますが、今回はグーグルアドセンス(Google AdSense)の新しいコードの遅延読み込みコードの2種類の方法につい…
インフィード広告アドセンス
AdSense Stinger6 WordPress カスタマイズ
はぁ…。やっと、できた!!って何がという感じですが、 とても使い勝手の良いテーマStingerの最新版Stinger6を選ばせて頂いて、四苦八苦の日々が続いていたわけですが、アドセンス広告は1ページ当…
インフィード広告アドセンス
昨日の熊本地震にて、 震度7という大きな揺れの地震で歴史的建造物であり3大名城(4大名城とも言われるが)である熊本城の石垣が壊れた・崩れてしまいました。熊本城の別名「銀杏城(ぎんなんじょう)」。ちなみ…
インフィード広告アドセンス
以前に記事にしたとおりに早速選挙の投票に行ってきました。 >>そうだ!選挙に行こう!!今回は18才以上の選挙権初の参院選です。選挙に行こう!!。 ...はじめて朝一番での投票をしてしまいま…
インフィード広告アドセンス
WordPressを使用し始めて5ヶ月弱…。初めは右往左往状態でテーマって何?みたいな状態からでした。そして、選ばせて頂いたのが有名どころの無料テーマStingerのその頃最新版だったStinger6…
インフィード広告アドセンス
来たる10月22日(日曜日)は、総選挙の投票日です。今回の解散の大義はなんだったのか様々な憶測が飛び交う中、もう投票日まであと今日を含めると4日しかありません。各党の政策や無所属候補の政策や自分の選挙…
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-AFFINGER4Pro, SNS, STINGER PLUS+, Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, 伝えたいこと, 備忘録
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment