アメブロの【ペタ】や【読者とうろくしてね。】の
おねだりプレートを利用される方もいると思いますけど
このデザインを自分好みに変えてみるのも
案外面白いですよ。私も時々やっていますけど・・
これって以外に簡単に出来るので興味のある方ぜひ。
では、その制作方法ですけど、まずアメブロ用のペタを
参考にしてみます。

このプレートのHTMLを表示。
<span><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=paruru1oshi&service=blog" logtitle="ペタしてねアニメ籠"><img alt="ペタしてね" src="http://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_15.gif" style="border:none;"></a></span>
このようなHTMLが表示されます。
次にペタ画像にしたい物をアメブロにアップロード。
こちらの参考例は取りあえずこの画像で。

この画像の形式はこちらになります。
<p><a href="http://stat.ameba.jp/user_images/20140825/21/paruru1oshi/a4/31/p/o0150007013046348348.png"><img src="http://stat.ameba.jp/user_images/20140825/21/paruru1oshi/a4/31/p/t01500070_0150007013046348348.png" style="width:150px; height:70px; border:none;" ratio="2.142857142857143"></a></p><p></p>
この画像をアメブロ記事編集に並べて、
まずはアメブロ用のプレートのある部分をカットします。
HTML内の日本語で書かれている部分の
【ペタしてね】
の次の箇所
src="http://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_15.gif"
をカットします。
次に変更したい画像のHTMLから
srcから始まる箇所からstyleの手前までをコピー
<p><a href="http://stat.ameba.jp/user_images/20140825/21/paruru1oshi/a4/31/p/o0150007013046348348.png"><img
次の箇所から
src="http://stat.ameba.jp/user_images/20140825/21/paruru1oshi/a4/31/p/t01500070_0150007013046348348.png"
上部の箇所
style="width:150px; height:70px; border:none;" ratio="2.142857142857143"></a></p><p></p>
この部分を今度はアメブロ用のカットした部分貼りつける。
これで完成です。簡単でしょ('-^*)/
先ほどのオリジナル画像は単なる加工画像でしたけど、
HTMLを変更する事で

ペタ帳に飛ぶ事が出来ます。
他のやり方も同じです読者登録やアメンバー、
なう、ピグとも等。
【注】つい忘れがちで画像をアップロードから
記載しただけでは何も起こりませんから・・
制作したHTMLは保存を忘れない様に・・。
と言う訳で、只今ペタ公演開催中ですv(^-^)v


応援ポチありがとうございます。