アメブロ新スキン対応

■新スキンアメブロにFacebook「いいね!」ボタンをつける

こんばんは。

シャンプーソムリエことセッキーです。

 

ボク自身、今新スキンになったアメブロのカスタマイズを日々コツコツとしています。

そんな感じで、ボクと同じような過多のために、上手く出来たカスタムの経験をご紹介してます。

 

今回は、今やブログには絶対つけるFacebookの「いいね!」ボタン。

ボクのブログをみて頂ければ解るかと思いますが、このようにつけるコトができます。

 

やり方はカンタンです。

 

先ずは、「ブログを書く」から「サイドバーの設定」へ行きます。

サロンマーケティング研究所ブログ

次に「フリープラグインの追加」に行きます。

サロンマーケティング研究所ブログ

そして、そのまま下記のCSSをコピーして、フリープラグインにペーストするだけです。

 

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>google.load(“jquery”, “1.3.2”);</script>
<script>
$(function(){
var c=location.href;
var g=document.title;
var a=$(“.skinArticleHeader2 a”);
for(i=0;i<a.length;i++){
var c=a[i];
var e='<iframe src=”http://www.facebook.com/plugins/like.php?href=’+c+’&layout=standard&show_faces=true&width=430&action=like&colorscheme=light&height=80 ” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:430px; height:80px;” allowTransparency=”true”></iframe>’;
$(“.articleTheme”).eq(i).after(” <span>”+e+”</span>”)
}
});
</script>

 

凄く簡単なので、ブログをカスタムする方はスグにやってください。

関連記事一覧