アメブロ「CSS編集用デザイン」に「いいね」ボタン設置

アメブロ「CSS編集用デザイン」に「いいね」ボタン設置する方法をこのブログで試しました。

こんな感じに表示されます。



パソコンからこの記事を見ている方は実物を見てください。


やり方は、フリープラグインに以下のコードを貼りつけるだけです。

<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=450&action=like&colorscheme=light&height=80 " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ';
$(".articleExLinkArea").eq(i).after(" <span>"+e+"</span>")}});
</script>