NOBUのNTOMO日記

ntomoをさらに楽しむ為の情報発信ブログ    (仮想空間&ガーデニングゲーム等の情報なども)

| PAGE-SELECT |

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

コメント用&ペタ用ntomo素材

今回は、エヌトモ画像を使って、
ブログに使えるコメントページリンク画像アメブロのペタ用画像を作ってみました。
画像にマウスを乗せると、画像が切り替わります。
コメント ここを押してね ペタ ここを押してね
※サンプルのため、リンクに繋げてません。
記事の末尾にコメント用に実際に貼ってみたものがありますので、どのようなものか見てみてくださいね^^



★画像の種類は、少しずつ追加していけたらいいなーと思っております。
オリジナルの素材で作成される方は、元画像と変化後の画像を用意し、「貼り付け方」へお進みください。

今回画像加工には、画像加工のソフトのほかに、文字入れや装飾に、
サイト上で様々な画像装飾やかわいい文字入れができるこちらのサイトを利用しました。

photo-kako200.gif


☆素材☆
(それぞれ単品でご使用になる方は、画像を右クリックし保存してね。)
(まとめてご利用される方は下に記載されているダウンロードボタンをご利用ください。)

●ブログ用コメントページリンク画像
mayocomment1.gif mayocomment2.gif

●アメブロ(ペタ用画像)
mayopeta1.gif mayopeta2.gif

まとめてダウンロード⇒ ntomo_sozai1.zip (zip形式ダウンロード)
※クリックでだめな場合は、右クリックで「対象をファイルに保存」を選択してダウンロードしてみてください。


素材の使い方、貼り付け方

①画像を保存し終えたら、利用されるブログ等へアップロードしてください。
その際、生成される画像URLも後で必要になりますので、
どこかメモ帳等にコピーしておいてください。
(アップロード方法&画像URLの見つけ方
 アメーバ FC2 ライブドア JUGEM ヤフー yaplog Seesaa

②今回使用される素材をアップロードし終えましたら、
こちらのページの後半の簡単タグ作成フォームを利用しましょう。
※フォームに記入する画像URLというのは、さきほど保存した時に生成されたURLのことです。

③そしてご自分のコメントやペタのページのアドレスを画像にリンクさせ、
記事投稿欄に貼ってみてください。


例)FC2ブログコメント欄URL
http://ntomo.blog40.fc2.com/blog-entry-323.html#comments
  ↑ご自分のブログの記事別アドレス
   (※投稿ごとにちがうので注意)

<a href="ブログの記事コメントページアドレス">②にて生成されたコード</a>


↓※NOBUのブログの今回の記事の場合。表示例なので、コピペして使えません。
  上の該当部分をご自分のブログの場合に当てはめて組み込んでみてください。
<a href="http://ntomo.blog40.fc2.com/blog-entry-323.html#comments"><img alt="コメント ここを押してね" title="コメント ここを押してね" width="208" border="0" src="http://blog-imgs-35.fc2.com/n/t/o/ntomo/mayocomment1.gif" onmouseover="this.src='http://blog-imgs-35.fc2.com/n/t/o/ntomo/mayocomment2.gif'" onmouseout="this.src='http://blog-imgs-35.fc2.com/n/t/o/ntomo/mayocomment1.gif'"></a>


※おのおののブログのテンプレートやCSSのカスタマイズにて、
毎回記事別に書き込まずとも表示されるようにできる方法もありますが、仕様が様々で説明が複雑なため、
興味がある方は、それぞれのサービスにてご確認ください。(アメブロの場合


実際の使用例
コメント ここを押してね
スポンサーサイト

| ブログパーツ | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ntomoブログパーツ サンプル

現在、ブログパーツを製作中。
コードは、汎用性や利便性を考えて、変更ありですが、
試作中のサンプルのページを貼ってみます。
配布用の素材とはアドレス等も多々変わってくると思いますので、参考程度に。

sample1(舞い降りる)
sample2(舞い上がる)
sample3(マウスストーカー 蜂 このブログ)

ある程度 形になってきたらコード等で簡単に貼れるようにしようと思っています。

その他、画像を用意できれば、けっこう簡単にオリジナルのパーツができます。
興味がある方は、お気軽にお聞きください^^


~ntomoブログパーツ~

コメント ここを押してね

| ブログパーツ | comments:0 | trackbacks:0 | TOP↑

| PAGE-SELECT |

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。