こんばんわ。
簡単アメブロ集客の住福です。
今日はアメブロトップページのプロフィール欄のカスタマイズです^^
これ、使えますよ♪
ピグともボタンを消して、違うボタンに変更する
アメブロをビジネスで使われている場合、サイドバーの「ピグ友になる」のボタンって、不要な方もいらっしゃると思います。
こういう不要なものは排除する方がすっきりしますし、変えられるのであれば違うものに差し替えたいですよね^^
まず、ピグともになるボタンを非表示にします。
CSSの最後に以下の記述を追記してください。
.profileBtnArea .presentBtn{
display:none !important;
}
display:none !important;
}
※CSSの編集は、CSSを編集できるテンプレートで、管理画面→デザインの変更です。
つぎに、なくなった「ピグ友」ボタンの代わりになにか入れてみましょう。
今回は私のHPを入れてみます。
下記コードをフリープラグインに貼り付けるだけです^^
<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery', '1.6.2');</script>
<script>(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" style="color:#000000; text-decoration:none;" href="http://next-inv.net/jobshp/" target="_blank"><font style="font-weight:bold; color:#ffffff; background:#FF69A3; line-height:2.4;">HP</font>公式HP</a></li>');
});
</script>
<script>google.load('jquery', '1.6.2');</script>
<script>(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" style="color:#000000; text-decoration:none;" href="http://next-inv.net/jobshp/" target="_blank"><font style="font-weight:bold; color:#ffffff; background:#FF69A3; line-height:2.4;">HP</font>公式HP</a></li>');
});
</script>
赤字のところは、おもちのHPのURLに変更してあげてください。
また青字の部分のカラーコード(♯のあとの文字列)を変えることで、「HP」の文字色や背景色を変えることができます。
※カラーコードはコチラ
ここに「Facebookに申請」ボタンを入れたい場合は、下記コードをフリープラグインに貼り付けます。
<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery', '1.6.2');</script>
<script>(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" style="color:#000000; text-decoration:none;" href="https://www.facebook.com/jun.sumifuku" target="_blank"><font style="font-weight:bold; color:#ffffff; background:#3b5998; line-height:2.4;">F</font> Facebookに申請</a></li>');
});
</script>
<script>google.load('jquery', '1.6.2');</script>
<script>(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script>
$(function(){
$(".profileBtnArea").append('<li><a class="skinImgBtnS" style="color:#000000; text-decoration:none;" href="https://www.facebook.com/jun.sumifuku" target="_blank"><font style="font-weight:bold; color:#ffffff; background:#3b5998; line-height:2.4;">F</font> Facebookに申請</a></li>');
});
</script>
赤字のところは、ご自身のフェイスブックの個人ページURLに変更してあげてください。
これで、ピグ友ボタンをなくし、違うリンクに差し替えれることができます^^
そのほかの応用としては、
・問合せボタンにする
・申込ボタンにする
・メルマガ登録ボタンにする
などなど、用途は沢山ありそうですね^^
ぜひやってみて下さい♪
↓ポチッと応援お願いします!↓