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

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

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

過去記事「サービス休止!リンク先のサムネイル画像を取得する方法」の中で、説明したとおり、以前のサイトが利用できなくなったため、別サービスをご紹介します。

HeartRails Capture


サムネイル画像作成サービス


前回のものに比べ、画質は多少落ちますが、サイズを自由に選べるなど利点もありますので、よろしければ、ご参考になさってください。作成方法はそう変わりありません。

①画面一番上の「Capture(キャプチャ)」と書かれた横のテキストボックスに、取得したいサイトのURLアドレスを入力し、②「サムネイルを作成」ボタンをクリックします。
すると、以下のような画面に移行しますので…

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


③オプション項目の中から、一番上の「モード」を「フリーサイズ」に選択し、ご希望の画像サイズ(横や縦の大きさ)を入力します。自動的に、④イメージ画像も変更されますので、確認しながら進めてください。今回は「250×175px、装飾なし」で設定
※画像が更新されない場合は、リロード(キーボードのF5)ボタンを押してください。

タグの修正もお忘れなく!


⑤「貼り付け用タグ」をコピペすると、以下のようなソースが確認できますので…

<a href="http://ameblo.jp/ranou-kuro/"><img title="肩こり目の疲れに大蒜パワー!にんにく卵黄店長ブログ" src="http://capture.heartrails.com/250x175?http://ameblo.jp/ranou-kuro/" alt="http://ameblo.jp/ranou-kuro/" width="250" height="175" /></a>

<p align="center"><a href="http://ameblo.jp/ranou-kuro/" target="_blank"><img title="肩こり目の疲れに大蒜パワー!にんにく卵黄店長ブログ" src="http://capture.heartrails.com/250x175?http://ameblo.jp/ranou-kuro/" alt="http://ameblo.jp/ranou-kuro/" width="250" height="175" /></a></p>

中央寄せにしたり、リンク先の表示方法を「新しいウィンドウ」に変更するなど、必要な修正を行いましょう。※面倒な方はそのままでも構いません。以下、出来上がりの画像。

http://ameblo.jp/ranou-kuro/


うーん、やっぱり画質は少し落ちますね、残念。

なお、タグを貼り付ける際、標準エディタを使用の方は、画面左下の「HTMLタグを表示」というタブをクリックし、「タグ編集エディタ」に切り替えてからコピペしてください。

私をデザインする、31歳からのウェブデザイナー*blog*アメブロを魅せるブログにカスタマイズ-プロのデザイン力で簡単!アメブロカスタマイズ


他に画質の良いサービスがないか、探してみたのですが、現状、紹介できるようなサイトはありませんでした。また、見つけたらご紹介したいと思います。

以上、アメブロカスタマイズ&ホームページ制作*Mydesignの*Copyselfでした。