【ペタ】ブログパーツ・・・じゃないよ? | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

【ペタ】ブログパーツ・・・じゃないよ?

せっかく記事にしてくれたんですが・・


【なう】は・・・使わないんだけどな~


・・・・・ って~方





チョット変更すればペタボタンに変更できるんですよ



ペタボタンの画像を用意してから・・・




<div style="position: fixed; top: 130px; right: 0px; z-index: 2000; "><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=あなたのID"><img src="画像のURL"></a></div>



あなたのID画像のURLを入れてからフリースペースへ貼り付けます

また前記事の【なう】を表示している場合は130pxのままですと同じ位置でかち合っちゃいますので位置をずらしてください(上からの位置になります)

また right left にすれば画面の左側に表示されますよ



記事を書き終わってからHTMLタグを表示にして貼り付けると記事ごとに違ったペタボタンが表示されておもしろいかも・・

※1ページに何記事も表示される場合はかち合っちゃいますから注意ください




この記事に貼り付けてみました(画面左です)

なので・・この記事が表示されているときだけ画面左に「ペタしてね」があらわれます

(IE6でみたときは記事中に表示されています)



↓お持ち帰り自由にどうぞ・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!     アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!     アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!      アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!






↓アメブロのです・・

ペタしてね
http://stat.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_15.gif


ペタしてね
http://stat.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_16.gif



ペタしてね
http://stat.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_17.gif



ペタしてね
http://stat.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_20.gif


IE6で見ている場合
画面左ではなくて↓この辺に表示されています




右に「なう」左に「ペタ」って両方つけたらウザ過ぎます・・
嫌われない程度にね・・




あっ・・ ちなみに・・・読者登録ボタンは・・

<div style="position: fixed; top: 130px; right: 0px; z-index: 1500; "><a href="http://blog.ameba.jp/reader.do?bnm=あなたのID"><img src="画像のURL"></a></div>


他にも・・リンク先を変更すればいいだけなんで・・
工夫していろいろ面白いボタンをつけちゃってください

くれぐれも・・ウザイ!って言われないようにネ・・・