アメブロのプロフィール欄に「フェイスブック」ボタンを出す方法 | 日本文化 好き やすの超易しいWEBブログ!

日本文化 好き やすの超易しいWEBブログ!

九州地域を対象にブログのカスタムデザインや、ホームページの制作をやっている会社です。「これからブログを始めたい」と思っている方には初期設定からアドバイスもさせてもらっています。ソーシャルメディアの特性を良く理解したWEBデザイナーがサポート致します。

圧倒的にシンプルに大切なことを伝えたいウェブ(web)デザイナー やす です。


今日の福岡は涼しい♪

こんな日が毎日続けばずいぶん過ごしやすいんだけど^^

それにしても今本州に台風が近づいていますね。被害が小さくすめば良いけれど。

関東にや東北にお住まいの方気をつけて下さいね。


さて、今日のブログは今朝見ていた記事で、「お~これいいやん!」っと思ったアメブロの設定についてです。

今朝の記事に書いてあったのは、アメブロのプロフィール内(PC版のみ表示)に設置してある「ピグともになる」ボタンを、

1

フェイスブックボタンに変更する方法についてでした。

2


僕は「ピグとも」使わないし、どちらかというとフェイスブックを頻繁に使うのでこの機能が結構助かります。


もし「自分もそう!そうなんだよね~」って人は参考にしてみてくださいね^^


まず、アメブロ管理画面の「設定・管理」を押す

1


次に、「プラグインの追加」を押す

2


次に、「フリープラグイン」を押す

3


次に、このスクロールバーを一番下に下げる。(下の枠の一番下までスクロールする)

4


そして最後に、このコードをコピーし
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<style>.profileBtnArea .presentBtn{display:none !important;}</style>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" href="https://www.facebook.com/h.yasutake" target="_blank"><span style="background:url(http://emoji.ameba.jp/img/user/ch/chrysogenum/3748377.gif); background-repeat:no-repeat;background-position:0 6px;"><p style="padding-left:20px;">フェイスブック</p></span></a></li>');
});
</script>



下に貼り付けてください。
5


ここで注意!!!!!

上記のコードを貼り付けた時に、上記コード内の赤文字部分(https://www.facebook.com/h.yasutake)を消して、自分のフェイスブックの画面のアドレスと

3

入れ替えて下さいね。


そのまま利用すると、僕のフェイスブックにとんでしまうので^^;


そのアドレスの張り替えが終わったら、保存ボタンを押して下さいね。これで完了です^^




最後に自分のブログ内のプロフィール欄を見てみましょう^^

確認をして、

2

こうなっていたらOKです。

あ、一応フェイスブックボタンをおして自分のフェイスブックに飛ぶか確認してみてくださいね^^

今日もあともうちょっと。

ガンバりましょうね~^^

腹減った~。


最後まで読んで頂きありがとうございます。
日本の良い文化がもっともっと広がりますように。

今日も最後まで楽しみましょ~♪


インスタグラムもやっています。
「和」を感じる写真をUPしています。フォローしてくれると嬉しいです。
yasu.ambition

ツイッターもやっています。
自分の感覚をつぶやいています。フォローしてくれると嬉しいです。
@fanclip


やすのホームページ(fanclip)
http://www.fanclip.jp/


<<ブログ初心者サポート!ブログカスタマイズやってます(2つから選べるコース)>>