おトクにキレイになる情報が満載！
新着おトク情報

76views
アメブロ　記事上　に　facebook　に　いいね！ボタンの設置　ブログのカスタマイズ…

アメブロ　記事上　に　facebook　に　いいね！ボタンの設置　ブログのカスタマイズ…

2012/3/3 14:02

KaukauHawaii さんの画像

KaukauHawaiiさん

ブログ一覧へ

アメブロ　記事上　に　facebook　に　いいね！ボタンの設置　ブログのカスタマイズ




ALOHA AYAKAです


今日は「ハワイ愛子」ブログ
のカスタマイズをしていました。


「ハワイ愛子」ブログ
では




●記事上に　ソーシャルボタンの設置
●記事下に定型文を入れる




という２種類のカスタマイズをしました。




アメブロのカスタマイズは
新スキンと旧スキンでは何気にやり方が違います


新スキンの場合はjQuery有効化させてからの作業から始まります。




まず、「記事上に　ソーシャルボタンの設置」のやり方から


他の方が詳しく説明をしているのでリンクだけつけておきますね。






「記事上に　ソーシャルボタンの設置」



＜旧スキンの場合＞
jQueryは必要ないですのでそのままフリープラグインにコードを張り付けるだけです。


参考サイト：http://ameblo.jp/fwnv2744/entry-10833635442.html



※フリープラグインを変更すると、書式体裁などが大きく変更されることがあります。
作業は自己責任でお願いします。





↓記事タイトルのすぐ下に設置するとき


<script>$(function(){var c=location.href;var g=document.title;var a=$(".foot a:contains('記事URL')");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> ';$(".title").eq(i).after(" <span>"+e+"</span>")}});</script>





↓記事の最後に設置するとき


<script>$(function(){var c=location.href;var g=document.title;var a=$(".foot a:contains('記事URL')");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> ';$(".foot").eq(i).before(" <span>"+e+"</span>")}});</script>









私のブログは旧スキンですので
そのままコードを張り付けました。



私のはFacebookだけにしてあります。


＜新スキンの場合＞


１．jQuery有効化させる
２、コードをフリープラグインに張り付ける



参考サイト：http://ameblo.jp/wazameba/entry-11104424377.html










「記事下に定型文を入れる」


新スキンの場合


１．スリースペースに定型文を入れる
２．CSSで記事下に入れたい定型文の位置を設定する


参考サイト
http://template.starvision.co.jp/ameblo_css/%E3%82%A2%E3%83%A1%E3%83%96%E3%83%AD%E8%A8%98%E4%BA%8B%E4%B8%8B%EF%BC%88%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%EF%BC%89%E3%81%AB%E5%AE%9A%E5%9E%8B%E6%96%87%E3%82%92%E8%A1%A8%E7%A4%BA/





旧スキンの場合


参考サイト
http://ameblo.jp/micro-garden/entry-10429791188.html







と私のブログは個人なのでそこまでいじくらなくていいのですが、「ハワイ愛子」は
みんなのブログだからねぇー★


愛子さんが気持ちよくブログを書いてもらえるように
あやかもサポートしていきます


新しくなった「愛子ブログ」をみてみてください。




http://ameblo.jp/hawaiiaiko/







次は愛子ブログにグローバルメニューを付けます























同じテーマの最新記事

2月20日～2月26日に投稿したなう　02月27日
2月13日～2月19日に投稿したなう　02月20日
ブログパーツ情報サイト “ブログパーツ…　02月13日
最新の記事一覧 >>

ブログを見る

このブログに関連付けられたワード

  • カテゴリなし

このブログを書いたのは…

KaukauHawaii さんの画像

KaukauHawaii さん

美容・コスメ・ヘアケア・ダイエット美に関するレポをお届けします。

このブログを通報する

コメント（0件）

カテゴリなし カテゴリの最新ブログ

カテゴリなしのブログをもっとみる