こんにちは。

facebookのシェアボタンってなかなかなくて、cssでそれっぽくしてみました。

どうでしょう？？

簡単にソースだけ書いておきますね。

<div><a onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(document.URL)+'&amp;t='+encodeURIComponent(document.title),null,'width=550px,height=350px');return false;" href="リンク先">シェア</a></div>

ワードプレスに挿入する場合は、

<?php echo get_permalink() ?>

リンク先の部分に上記を追加。

でもってCSSです。

#fb_fb a {
	font-size: 9px;
	color: #515DA0;
	background-color: #ECEEF5;
	border: 1px solid #CAD4E7;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	display: block;
	margin-top: 5px;
	background-image: url(images/share.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 17px;
	background-position: 4px;
	line-height: 17px;
	width: 50px;
	text-decoration: none;
}
#fb_fb a:hover {
	border-top-color: #7E87B9;
	border-right-color: #7E87B9;
	border-bottom-color: #7E87B9;
	border-left-color: #7E87B9;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	text-decoration: none;
}

#fb_fb .share {
	height: 21px;
	width: 110px;

}

数値やidはご自由に改変してください。

それではこのへんで＾＾