【現在入っているコード】

（HTML）

<span class="sns-txt">＼面白かったらシェアしてもらえると嬉しいです♪／</span>
<div class="sns-share">

<!--Twitterでシェア-->
<a class="twitter-button" href="http://twitter.com/intent/tweet?text={Title}-{URLEncodedPermalink}" onclick="window.open(this.href, 'TwWindow', 'width=600, height=500, menubar=no, resizable=yes, toolbar=no, scrollbars=yes'); return false;" title="このエントリーをTwitterでシェア"><i class="blogicon-twitter"></i><span class="sns-name">Twitter</span></a>

<!--Facebookでシェア-->
<a class="facebook-button" href="http://www.facebook.com/share.php?u={URLEncodedPermalink}" onclick="window.open(this.href, 'Fbwindow', 'width=600, height=500, menubar=no, resizable=yes, toolbar=no, scrollbars=yes'); return false;" title="Facebookでシェア"><i class="blogicon-facebook"></i><span class="sns-name">Facebook</span></a>

<!--はてなブックマークでシェア-->
<a class="hatena-bookmark-button" href="http://b.hatena.ne.jp/entry/{URLEncodedPermalink}" target="_blank" data-hatena-bookmark-title="{Title}" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><i class="blogicon-bookmark"></i><span class="sns-name">はてなブックマーク</span></a>

<!--Pocketでシェア-->
<a class="pocket-button" href="http://getpocket.com/edit?url={URLEncodedPermalink}" onclick="window.open(this.href, 'PlWindow', ' width=550, height=350, menubar=no, resizable=yes, toolbar=no, scrollbars=yes'); return false;" title="このエントリーをPocketに追加"><i class="fa fa-get-pocket"></i><span class="sns-name">Pocket</span></a>
</div>

（CSS）
/* SNSシェアボタンのデザイン（PC）*/
.sns-share{
    width:100%;
    text-align: center;
    margin:8px 0;
}
.sns-share a {
    display: table-cell;
    vertical-align: middle;
    height:45px;
    width:136px;
    font-size: 20px;
    text-decoration: none;
    color: #EAE2CF;
}
.sns-share .sns-name{
    font-size: 16px;
    padding-left:0.5em;
}
.sns-share .hatena-bookmark-button{
    background: #347cb4;
    transition: 1s ease;
}
.sns-share .facebook-button{
    background: #2371a1;
    transition: 1s ease;
}
.sns-share .twitter-button{
    background: #72b9bf;
    transition: 1s ease;
}

.sns-share .pocket-button{
    background: #db5369;
    transition: 1s ease;
}
.sns-share .hatena-bookmark-button:hover{
    background: ##2c6cbc;
}
.sns-share .facebook-button:hover{
    background: #3c5c9c;
}
.sns-share .twitter-button:hover{
    background: #55acee;
}
.sns-share .pocket-button:hover{
    background: #f44b5f;
}

/* SNSシェアボタン（スマホ用） */

.sns-txt{
    display:inline-block;
    text-align: center;
    line-height: 2em;
    font-size: 14px;  /*文字サイズの変更 */
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b; 
    width:100%;
    margin:10px 0;
}
.sns-share{
    display: table;
    width:100%;
    text-align: center;
    margin:0 auto 8px;
}
.sns-share a {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    height:45px;
    width:20%;
    font-size: 12px; /* 文字サイズの変更 */
    text-decoration: none;
    color: #EAE2CF;
}
.sns-share .sns-name{
    font-size: 12px;
}
.sns-share .hatena-bookmark-button{
    background: #2c6cbc;
}
.sns-share .facebook-button{
    background: #3c5c9c;
}
.sns-share .twitter-button{
    background: #1cbcf4;
}
.sns-share .pocket-button{
    background: #f44b5f;
}