【ウェブサイト・サムネイル作成API】リンク先のブログやWebサイトのサムネイル画像を超簡単表示 | ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)

【ウェブサイト・サムネイル作成API】リンク先のブログやWebサイトのサムネイル画像を超簡単表示

皆さん、こんにちは!シマザキです。ニコニコ


本日はリンク先のブログやWebサイトのサムネイル画像を
とっても簡単に表示する方法
のご紹介です。



サムネイルとは、多数の画像を一覧表示するために縮小された画像のことで、
本来は「親指(thumb)の爪(nail)」という意味です。


こういうのがサムネイル画像です。
 ↓   ↓



thumbで思い出しましたが、ちなみに、

I'm all thumbs when it comes to driving.と言ったら、
「私は運転となると、てんで不器用だ」という意味…いきなり英語の授業に(笑)


私はこのような画像を作るのにも、今までは、
いつもPhotoshop CS5 という画像編集ソフトを起動させて
縮小画像を作って切り取って…ということをしていて、
それをアメブロの記事に貼り付けて…と手間をかけていたのですが、


それがもう、一瞬で出来てしまって感動です。


お友達のブログを紹介したい時も、テキストリンクだけではなくて、
ブログのサムネイル画像があれば、より目立たせることができますよ。



クローバー ウェブサイト・サムネイル作成API(WebImage-API)
http://webimage-api.chamu.org/







使い方はものすごく簡単です。


1 上記サイトのボックスの中に、サムネイル表示したいサイトの
URLをコピペして、隣の「サムネイルを生成、再表示する」というボタンを押すだけ!


☆最初は少し時間がかかることがあるようですので、
2~3分したらもう一度、ボタンを押してみてください。

2 3つのサイズが出されます。テキストボックスのタグを丸ごとコピーします。
 

取得したタグの中の align="left"というのを削除します。
これがあると、その後に続くテキストが、画像の右側に回り込んでしまいます。


アメブロ記事に貼れば出来上がり!


注意 注意

HTMLタグを記事内に貼り付ける場合、標準エディタではなく、
画面左下にある「HTMLタグを表示」というタブをクリックし、
「タグ編集エディタ」に切り替えてからコピペするようにしてください。


自分の場合は、最初からアメブロの設定で「タグ編集エディタ」にしています。
慣れている方や、YouTube画像とかをよく貼り付ける人は、こちらの設定の方が便利です。


クローバー ウェブサイト・サムネイル作成API(WebImage-API)
http://webimage-api.chamu.org/


皆さんもぜひ、お試しください。

本日も最後までお読みいただきまして、ありがとうございました。

シマザキ


ツイッターでフォローしてね
ペタしてね読者登録してね


アロエブラン モイスチャーソープ&ローション
PCの方はこちら↓

ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-アニメーション記事中バナー

アロエブラン モイスチャーソープ&ローション 
携帯の方はこちら↓