タグに不具合ありましたので修正しました
ろくに確認せず載せる→修正ってのが多くて
ほんまに申し訳ないです;
この記事は文字数制限に引っかかった方用です
大概の方は空きがあると思いますので
コチラへどうぞ↓
以前
「プラグインの文字数制限に引っかかって入れらんない!」
という方がおられましたが、
同じ状況の方が度々おられるようなので書いておきます
ペタボタンの場合
通常は以下のタグをフリープラグインに書いてもらう形を取っていますが
<style type="text/css">#petalinkk a{background-image : url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120);background-repeat: no-repeat ;display: block;width:120px;height:140px;bottom:100px;right:0px;position:fixed;z-index:9999;}#petalinkk a:hover {background-image:url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120&action=glad);}</style><div id="petalinkk"><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=あなたのID"title="ペタ"><img src="画像URL"></a></div>
今回はこれを二つに分けてやっていきますyo
注意:css編集ができないスキンでは無理ですyo
素直にフリープラグインにぶち込んで下さい
<style type="text/css">というのは通常cssに書くものをプラグインで動かすための言葉です
のでcssに書く場合は
#petalinkk a{
background-image : url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120);
background-image : url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120);
background-repeat: no-repeat ;
display: block;
width:120px;
height:140px;
bottom:100px;
right:0px;
position:fixed;
z-index:9999;
}
#petalinkk a:hover {
background-image:url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120&action=glad);
background-image:url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120&action=glad);
}
これでおk
ただこれだけではピグが表示されるだけですので
フリースペースに
<div id="petalinkk"><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=あなたのID"title="ペタ"><img src="画像URL"></a></div>
これを入れてください
フリースペースにも文字数制限があるので
どちらもいっぱいの場合は他の方法取らないとダメですけどね
(´・ω・`)
基本的に私の配布しているものを使おうという方は
ブログカスタムに疎い方が大半だと思い込んでいますので
できるだけ設定が簡単に済むようにと
プラグインに一発で貼って貰う形を取っています
カスタム初心者がプラグインがいっぱいで貼れないという事は
ありえないという前提の元でやっていましたので
本来短縮できる部分もそのままです
あとは本来cssが編集できないデザインにも適用させるために
このやり方だったりします
文字数制限に引っかかった方はとりあえず上記のような感じでやってみてください
大概の方は空きがあると思うので
コチラへどうぞ↓