アメブロカスタマイズ*Mydesign -54ページ目

アメブロカスタマイズ*Mydesign

プロのデザイン力で魅せるブログに集客カスタマイズ!アメブロカスタマイズやホームページ制作ならお任せください!

追記:PIXTA(ピクスタ)のブログ用無料画像サービスは、2012年1月31日をもって終了となりました。※既にご利用いただいている画像については継続して表示されます。

参照記事:
「ブログ用無料画像サービス、表記ゆれ辞書終了のお知らせ」

より多くの読者にアピールするには、テキストのみの記事ではなく、写真も合わせて掲載すると効果的。とは言っても毎回、携帯やデジカメで撮影するのも面倒だし、アメブロにアップロードするのも面倒…そんな時に役立つのが、無料で掲載可能な素材サイトです。今回は最も代表的な、以下のサイト「PIXTA(ピクスタ)」で解説します。

「写真素材 - PIXTA」


ブログ用画像サービスを選択


まずはトップページ左上部、3つからなるタブのうち、①「ブログ用画像サービス」をクリック。すると以下の画面に飛びますので、検索窓にお好きなキーワードを入力の上、検索ボタンを押してください。※今回はブライダルで検索しました。

アメブロを魅せるブログデザインにCSSスキンカスタマイズ*Mydesign-プロのデザイン力で集客カスタマイズ


一覧画面から好みの画像を選択


以下のように、対象画像が一覧表示されますから、掲載したい写真をクリック。
※画像にマウスのカーソルを合わせると、拡大表示されるので分かりやすい♪

アメブロを魅せるブログデザインにCSSスキンカスタマイズ*Mydesign-プロのデザイン力で集客カスタマイズ


ブログ用貼り付けタグを選択


③画像下のオレンジ色のテキストリンク「ブログ用貼り付けタグ」をクリック後、ポップアップ画面の「規約に同意する」にチェックを入れ、「次へ進む」ボタンを押します。
※下に少しスクロールするとありますよ、初期状態では隠れて見えませんが…

アメブロを魅せるブログデザインにCSSスキンカスタマイズ*Mydesign-プロのデザイン力で集客カスタマイズ


必要事項を入力の上、タグ発行


④入力フォームにご自身のブログURLを入力し、⑤画像サイズを調整します。※画像右の赤いバーをマウスで左右に動かすと、縦横サイズの比率を維持したまま、縮小できます。調整後「この設定でタグを発行する」ボタンをクリックし、次の画面に表示されるタグをコピーし、公開したい記事にペーストします。※タグを張り付ける際は、記事の編集画面「HTMLタグを表示」タブをクリックしてからにしてください。新投稿エディタの場合は、「HTML表示」となります。「通常表示」ではないのでご注意を…

参考記事:「カスタマイズの基本!投稿エディタの種類と違いとは?」

アメブロを魅せるブログデザインにCSSスキンカスタマイズ*Mydesign-プロのデザイン力で集客カスタマイズ


イメージ画像の位置を調整する


以下のように、画像の位置は左寄せがデフォルトです。これを中央寄せにしたい場合、
タグ先頭と最後の「span」を「p」タグに書き換えます。※変更箇所はピンク部分のみ!

Happy Wedding2 - 写真素材
(c) きら写真素材 PIXTA


変更前:
<span><a href="http://pixta.jp/photo/2694913" target="_blank"><img src="http://image.pixta.jp/image/blog/13/5c8685489ac225601816bb4f6db46d93_205_300.jpg" width="205" height="300" border="0" alt="Happy Wedding2 - 写真素材" /></a><br />(c) <a href="http://pixta.jp/@kiraphoto/" target="_blank">きら</a>|<a href="http://pixta.jp" target="_blank">写真素材 PIXTA</a></span>
変更後:
<p align="center"><a href="http://pixta.jp/photo/2694913" target="_blank"><img src="http://image.pixta.jp/image/blog/13/5c8685489ac225601816bb4f6db46d93_205_300.jpg" width="205" height="300" border="0" alt="Happy Wedding2 - 写真素材" /></a><br />(c) <a href="http://pixta.jp/@kiraphoto/" target="_blank">きら</a>|<a href="http://pixta.jp" target="_blank">写真素材 PIXTA</a></p>

Happy Wedding2 - 写真素材
(c) きら写真素材 PIXTA


利用規約は必ず守りましょう!


無料素材サイトを使用する際は、各サイトの利用規約は守りましょう。今回の場合なら、画像下のクレジット表記はそのまま掲載しなければいけません。たまに、表記なしで無断で使用しているアメブロユーザーを見かけますが、法的に訴えられたら、賠償請求を起こされても何も言えませんので、十分ご注意を!この辺のモラルは、アメブロの広告カスタマイズと一緒ですかね?以下のような…

広告を消す行為の他、掲載位置変更や視認性を悪くする修正なども、
規約違反に該当する可能性がありますのでご遠慮下さい。

by CyberAgent