■新スキンアメブロに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> |
凄く簡単なので、ブログをカスタムする方はスグにやってください。