- 2008/09/06(土) 02:17:27|
- |
- トラックバック(-)|
- コメント(-)
ハーレクイン図書館
ハーレクインのことなら何でも・・・ ＦＣ２館
リアルランク&リアルサーチ（Atools)
リアルランク Atools
通販サイトやモールの売れ筋人気商品を表示します。
楽天市場、amazon、ビッダーズいろいろな商品に対応。
表示内容は常に最新の内容で、一度コード貼れば更新は不要。
設置方法は、フォームの必要事項を設定後「コード生成」をクリックするだけと簡単。ただしフォーム記入は記入欄が多くちょっと面倒。（と言っても、それだけいろいろ自分好みに自由に設定できるということです。）
カラーやサイズはもちろん、
コード生成時には「改行あり」「改行なし」まで選べます。
さて・・・ここで問題点が・・・
そうなんです、こういうランキング作成ツールは
当ハーレクイン図書館のように、ジャンルがごくごく限られている場合
全然対応していないんですよね。
文学にしろ、小説にしろ、新書にしろ、
どのカテゴリでもハーレクインは当然ながらランク外。
あ〜あ、カテゴリを特化したランキング作成ツールがもっとあったらな〜。
というわけで
こっちはいいですね〜
リアルサーチ Atools
設置方法はリアルランクと同じです。
リアルサーチ、リアルランクを提供するのは
アフィリエイトサイト向けツール提供サイト Atools
このほかにもいろいろなツールがあります。
注意事項
同一ページに貼り付ける同一ツールのコードは１カ所。
同一ページへ違うツールのコード
（リアルサーチ＋リアルランクなど）を貼り付けることは構いません。
「10回に1回の割合」でAtoolsのアフィリエイトIDへ書き換えあり。
通販サイトやモールの売れ筋人気商品を表示します。
楽天市場、amazon、ビッダーズいろいろな商品に対応。
表示内容は常に最新の内容で、一度コード貼れば更新は不要。
設置方法は、フォームの必要事項を設定後「コード生成」をクリックするだけと簡単。ただしフォーム記入は記入欄が多くちょっと面倒。（と言っても、それだけいろいろ自分好みに自由に設定できるということです。）
カラーやサイズはもちろん、
コード生成時には「改行あり」「改行なし」まで選べます。
さて・・・ここで問題点が・・・
そうなんです、こういうランキング作成ツールは
当ハーレクイン図書館のように、ジャンルがごくごく限られている場合
全然対応していないんですよね。
文学にしろ、小説にしろ、新書にしろ、
どのカテゴリでもハーレクインは当然ながらランク外。
あ〜あ、カテゴリを特化したランキング作成ツールがもっとあったらな〜。
というわけで
こっちはいいですね〜
リアルサーチ Atools
設置方法はリアルランクと同じです。
リアルサーチ、リアルランクを提供するのは
アフィリエイトサイト向けツール提供サイト Atools
このほかにもいろいろなツールがあります。
注意事項
同一ページに貼り付ける同一ツールのコードは１カ所。
同一ページへ違うツールのコード
（リアルサーチ＋リアルランクなど）を貼り付けることは構いません。
「10回に1回の割合」でAtoolsのアフィリエイトIDへ書き換えあり。
超おすすめ！Amache★Amazonツール
Amache
これはおすすめツール
個別商品紹介タイプと
複数商品ランダム表示タイプ『ADFrash』が利用できます。
おすすめNO.1『ADFrash』↑の詳細はこちら
ここでは個別商品タイプを紹介します。
テンプレートは８種類。
これだけだとふ〜んんって感じですが
実際にAmacheツールを使ってみてください。
↑検索欄にキーワードを記入してクリック！
例えば『ハーレクイン ヘレン・ビアンチン』のように
どうです〜。
あっという間に商品一覧のページに移動。
ヘレン・ビアンチンの作品が表紙絵つきでずら〜り。
なかなかシンプル、かつ見やすい画面でしょう！
さてお探しの商品の画像部分をワンクリックすると
商品詳細画面に移ります。ページ右下に注目。
ご自身で購入したいときは『カートに入れる』をクリック
直接商品購入にも利用できてしまいます。
アフィリエイト用は『ブログ等タグを作る』をクリック。
これで表示されるページがすごい。
全８種類のテンプレートが表示サンプル＆タグつきでずらっと・・・
自分のイメージに合うものを一目で探せます。
全８種類のテンプレートはこんな感じです。
誓いに薔薇の花びら
ヘレン ビアンチン
誓いに薔薇の花びら
誓いに薔薇の花びら
Amache
これは本当におすすめツール
これはおすすめツール
個別商品紹介タイプと
複数商品ランダム表示タイプ『ADFrash』が利用できます。
おすすめNO.1『ADFrash』↑の詳細はこちら
ここでは個別商品タイプを紹介します。
テンプレートは８種類。
これだけだとふ〜んんって感じですが
実際にAmacheツールを使ってみてください。
↑検索欄にキーワードを記入してクリック！
例えば『ハーレクイン ヘレン・ビアンチン』のように
どうです〜。
あっという間に商品一覧のページに移動。
ヘレン・ビアンチンの作品が表紙絵つきでずら〜り。
なかなかシンプル、かつ見やすい画面でしょう！
さてお探しの商品の画像部分をワンクリックすると
商品詳細画面に移ります。ページ右下に注目。
ご自身で購入したいときは『カートに入れる』をクリック
直接商品購入にも利用できてしまいます。
アフィリエイト用は『ブログ等タグを作る』をクリック。
これで表示されるページがすごい。
全８種類のテンプレートが表示サンプル＆タグつきでずらっと・・・
自分のイメージに合うものを一目で探せます。
全８種類のテンプレートはこんな感じです。
ハーレクイン [著] ヘレン ビアンチン
ASIN:459673657X /新書/156頁
発売日:2006-06
ランキング＆評価:---位
価格:￥ 672 [2006-12-09 Amache]No User Review
誓いに薔薇の花びらヘレン ビアンチン
誓いに薔薇の花びら誓いに薔薇の花びらAmache
これは本当におすすめツール
新刊情報☆ ハーレクイン1月20日刊
超おすすめ！ADFlash（by Amache)★Amazonツール
Amache
これは超おすすめツール
個別商品紹介タイプと
複数商品ランダム表示タイプ『ADFrash』が利用できます。
個別商品紹介タイプの使い勝手もなかなかですが詳しくはこちら
このツールの最大のポイントは↓『ADFlash』
指定したキーワードの商品をひとつづつ順番に紹介していきます。
ここをクリック、ジャンルやキーワード検索すると、
商品一覧のページに移動（このページから個別商品紹介タイプのタグも作成できます）。
商品一覧画面の右側の枠に『ADFlash』とひっそり表示されますが
これがすごい。
コード生成をクリックすると
↓こんなのが作成できます（アソシエイトIDの書き換えを忘れずに。）
商品一覧に表示されていた商品が自動的に順番に表示されます。
『ADFlash』なかなかやるな〜
まずはAmacheで試してみてね。
これは超おすすめツール
個別商品紹介タイプと
複数商品ランダム表示タイプ『ADFrash』が利用できます。
個別商品紹介タイプの使い勝手もなかなかですが詳しくはこちら
このツールの最大のポイントは↓『ADFlash』
指定したキーワードの商品をひとつづつ順番に紹介していきます。
ここをクリック、ジャンルやキーワード検索すると、
商品一覧のページに移動（このページから個別商品紹介タイプのタグも作成できます）。
商品一覧画面の右側の枠に『ADFlash』とひっそり表示されますが
これがすごい。
コード生成をクリックすると
↓こんなのが作成できます（アソシエイトIDの書き換えを忘れずに。）
商品一覧に表示されていた商品が自動的に順番に表示されます。
『ADFlash』なかなかやるな〜
まずはAmacheで試してみてね。
縦と横の幅を変更する
Heart Shop
昨日に引き続きJUGEMテンプレート [card]のカスタマイズ
テンプレートの編集→テンプレート編集→css編集フォーム
.entry {
margin: 20px 0px 0px 20px;
background-color:#bbeeff;
border: 1px solid #0066cc;
width:220px;
float:left;
}
この部分の記述を変更。
.entryという表記部分は投稿記事のフォームを指定しています。
この[card]というテンプレートは投稿記事が
カードの形で表示されるというユニークなもの。
オリジナルではカードの色（background-color）が水色（#bbeeff）、
周りの線（border）が青（#0066cc）に指定されています。
これをサイトの色に合わせて白×ピンク系に変更。
さらにカードの横と縦の長さを固定。
オリジナルでは投稿記事の長さにあわせて縦に伸びる形式だったのですが、
凸凹が生じてしまい、ちょっと不都合。
カードの大きさを固定することでレイアウトの崩れがなくなりました。
横と縦の長さ（150px,250px）は、ご自分のサイトの幅に合わせて
決定するといいと思います。
Heart Shopの場合はサイト幅が900pxなので、余白部分を含めて
横にカードが5枚並ぶように設定しました。
変更後のcssはこちら
.entry {
margin: 20px 0px 0px 20px;
background-color:#FFFFFF;
border: 1px solid #FF32CB;
width:150px;
height:250px;
float:left;
}
昨日に引き続きJUGEMテンプレート [card]のカスタマイズ
テンプレートの編集→テンプレート編集→css編集フォーム
.entry {
margin: 20px 0px 0px 20px;
background-color:#bbeeff;
border: 1px solid #0066cc;
width:220px;
float:left;
}
この部分の記述を変更。
.entryという表記部分は投稿記事のフォームを指定しています。
この[card]というテンプレートは投稿記事が
カードの形で表示されるというユニークなもの。
オリジナルではカードの色（background-color）が水色（#bbeeff）、
周りの線（border）が青（#0066cc）に指定されています。
これをサイトの色に合わせて白×ピンク系に変更。
さらにカードの横と縦の長さを固定。
オリジナルでは投稿記事の長さにあわせて縦に伸びる形式だったのですが、
凸凹が生じてしまい、ちょっと不都合。
カードの大きさを固定することでレイアウトの崩れがなくなりました。
横と縦の長さ（150px,250px）は、ご自分のサイトの幅に合わせて
決定するといいと思います。
Heart Shopの場合はサイト幅が900pxなので、余白部分を含めて
横にカードが5枚並ぶように設定しました。
変更後のcssはこちら
.entry {
margin: 20px 0px 0px 20px;
background-color:#FFFFFF;
border: 1px solid #FF32CB;
width:150px;
height:250px;
float:left;
}
サイトの幅を変える―可変幅タイプ
まずは可変幅って何？
サイトの幅がパソコンの画面の大きさに応じて広くなったり
狭くなったりするように設定してあるサイトを可変幅タイプといいます。
（固定幅タイプはこちら）
このようにブラウザサイズに合わせて横幅を自由に変えたい場合は、スタイルシート（ｃｓｓ）の width: の表記を通常％で表記します。width: 100%; のように設定すると画面全体まで幅が伸びます。
画面全体を使用できるのか・・・いいな〜と思いますが、
ブラザサイズによって見え方が違うという点にご注意ください。
自分のパソコンでよく見えていても、他のパソコンで見ると
レイアウトが崩れてしまっていたり・・・という危険性もありますので。
サイトを固定幅にするか、可変幅にするかという問題は
結構難しい問題らしく私にはよくわかりません。
まっ、固定幅のほうが無難かな・・・と。
で・・・こちらのサイトが面白いです。
固定幅と全幅レイアウトを JavaScript で切り替える
どっちもできる！実際に設置するのは今のところパスですが
こんなこともできるんですね〜。
試してみたい方はどうぞ。
サイトの幅がパソコンの画面の大きさに応じて広くなったり
狭くなったりするように設定してあるサイトを可変幅タイプといいます。
（固定幅タイプはこちら）
このようにブラウザサイズに合わせて横幅を自由に変えたい場合は、スタイルシート（ｃｓｓ）の width: の表記を通常％で表記します。width: 100%; のように設定すると画面全体まで幅が伸びます。
画面全体を使用できるのか・・・いいな〜と思いますが、
ブラザサイズによって見え方が違うという点にご注意ください。
自分のパソコンでよく見えていても、他のパソコンで見ると
レイアウトが崩れてしまっていたり・・・という危険性もありますので。
サイトを固定幅にするか、可変幅にするかという問題は
結構難しい問題らしく私にはよくわかりません。
まっ、固定幅のほうが無難かな・・・と。
で・・・こちらのサイトが面白いです。
固定幅と全幅レイアウトを JavaScript で切り替える
どっちもできる！実際に設置するのは今のところパスですが
こんなこともできるんですね〜。
試してみたい方はどうぞ。
サイトの幅を変える―固定幅タイプ
ご使用のパソコンによってサイトの『見え方』はちがいます。
あまり横幅がひろいサイトにすると
パソコンによってはレイアウトが崩れてメチャメチャなんてことも。
3カラムのテンプレートの場合、右サイドバーが落ちてしまって
メインの下にぶらさがってしまうこともあります。
一般的にサイト幅を750ピクセルぐらいに設定すると
どのパソコンでもレイアウトの崩れなく表示されるとのこと。
ということでサイト幅を変える方法です。
スタイルシート(css）で次のようなところがあります。
/* 全体囲み */
#all { width: 722px;
とにかく『width』の文字に注目して探してください。
上のほうにあるのですぐ見つけられると思います。
この数値を変えてお好みのサイズにカスタマイズしてください。
これだけです！
ちなみに当ブログはＦＣ２公式テンプレート[rose]使用
スタイルシートによって表記が違う場合もあります。
たとえばJUGEMブログを利用しているHeart Shop はwidth表記がない！
テンプレートは[card]を使用していますが、このテンプレートは
カードデザインのユニークなもの。
ブラウザサイズに合わせて一列に2枚だったり、4枚だったり、
自由にカードが配置されます。試してみてね。
でも・・・見え方をある程度統一したいな・・・ということで
body { width: 900px;
body部分の表記に、下線部分を追加。
このようにすることでサイトの幅が固定されます。
Heart Shop の横幅を900pxに固定したのは、
大きなカードがちょうど3枚並ぶ幅にしたかったから。
あまり横幅がひろいサイトにすると
パソコンによってはレイアウトが崩れてメチャメチャなんてことも。
3カラムのテンプレートの場合、右サイドバーが落ちてしまって
メインの下にぶらさがってしまうこともあります。
一般的にサイト幅を750ピクセルぐらいに設定すると
どのパソコンでもレイアウトの崩れなく表示されるとのこと。
ということでサイト幅を変える方法です。
スタイルシート(css）で次のようなところがあります。
/* 全体囲み */
#all { width: 722px;
とにかく『width』の文字に注目して探してください。
上のほうにあるのですぐ見つけられると思います。
この数値を変えてお好みのサイズにカスタマイズしてください。
これだけです！
ちなみに当ブログはＦＣ２公式テンプレート[rose]使用
スタイルシートによって表記が違う場合もあります。
たとえばJUGEMブログを利用しているHeart Shop はwidth表記がない！
テンプレートは[card]を使用していますが、このテンプレートは
カードデザインのユニークなもの。
ブラウザサイズに合わせて一列に2枚だったり、4枚だったり、
自由にカードが配置されます。試してみてね。
でも・・・見え方をある程度統一したいな・・・ということで
body { width: 900px;
body部分の表記に、下線部分を追加。
このようにすることでサイトの幅が固定されます。
Heart Shop の横幅を900pxに固定したのは、
大きなカードがちょうど3枚並ぶ幅にしたかったから。
スクロールバーの色を変えるには
Heart Shop （テンプレートカスタマイズ方法）
実はオリジナルの色は水色
↑右端のスクロールバーの色をサイトの色に合わせて
ピンク系に変えたいんだけど、どうしたらいいの？
ということで・・・
以下をCSSに追加することで、スクロールバーの色を自由に変えられます。
↑ピンクをベースにした色合いに変更した場合
scrollbar-3dlight-color ：スクロールバーの左端と上端の色
scrollbar-arrow-color ：スクロールバーの矢印の色
scrollbar-base-color ：スクロールバーのベースの色
scrollbar-darkshadow-color：スクロールバーの右端と下端の色
scrollbar-face-color ：スクロールバーの表面の色
scrollbar-highlight-color ：スクロールバーのハイライトの色
scrollbar-shadow-color ：スクロールバーの影の色
scrollbar-track-color ：スクロールバーの通路の色
実はオリジナルの色は水色
↑右端のスクロールバーの色をサイトの色に合わせて
ピンク系に変えたいんだけど、どうしたらいいの？
ということで・・・
以下をCSSに追加することで、スクロールバーの色を自由に変えられます。
|
scrollbar-3dlight-color ：スクロールバーの左端と上端の色
scrollbar-arrow-color ：スクロールバーの矢印の色
scrollbar-base-color ：スクロールバーのベースの色
scrollbar-darkshadow-color：スクロールバーの右端と下端の色
scrollbar-face-color ：スクロールバーの表面の色
scrollbar-highlight-color ：スクロールバーのハイライトの色
scrollbar-shadow-color ：スクロールバーの影の色
scrollbar-track-color ：スクロールバーの通路の色
アフィリエイトショップに挑戦
カスタマイズのお勉強をかねて
アフィリエイトショップを開いてみました。
テーマは『ハート』
Heart Shop
ブログサービスは初めて利用する[JUGEM]
公式ブログテンプレートの中から
個性的なテンプレートということで [card]を使用しています。
エントリーがカードのように並べられて表示される特殊型。
ブログっぽくなくて、面白そうだなということで選んでみました。
このテンプレートを利用して、上のHeart Shopのようにカスタマイズ。
まだまだ変更していく予定ですので、その過程も当ブログで報告していきたいと思います。
アフィリエイトショップを開いてみました。
テーマは『ハート』
Heart Shop
ブログサービスは初めて利用する[JUGEM]
公式ブログテンプレートの中から
個性的なテンプレートということで [card]を使用しています。
エントリーがカードのように並べられて表示される特殊型。
ブログっぽくなくて、面白そうだなということで選んでみました。
このテンプレートを利用して、上のHeart Shopのようにカスタマイズ。
まだまだ変更していく予定ですので、その過程も当ブログで報告していきたいと思います。
ハーレクイン文庫/ヒストリカル『愛を賭けて』
注目はこの一作！ | 愛を賭けて ローラ キャシディ Laura Cassidy 下山 由美 ハーレクイン 2006-12 by G-Tools |
このおはなし、原書ではヒーローの両親のロマンスがあり、このおはなしのほうがスピンオフになっています。エリザベス朝時代の貴族のお屋敷が舞台の身分違いの恋。ありえない〜としか思えないような超シンデレラストーリー。身分違いもなんのその、ヒーローの押しの一手が爽やか、あざやか。
AMAZingON★Amazonツール
 |
￥ 672
使い方
AMAZingONサイトへ
カテゴリを選び、ASIN 検索またはタイトル(その一部）検索を実行。
検索結果は一画面に最大 10 件まで表示されます。
該当商品にチェック、画面最下部の [GO !]をクリック
テキストボックス、アフィリエイト ID を入力して
[Generate]をクリック
う〜ん、このツール
アマゾンの個別商品紹介ツールだけど
正直言って、いつも使っているツールのほうが使いやすい。
カテゴリ数が少ない
画像以外のテキスト部分は手動入力しなくてはいけない
アソシエイトIDもそのたびに入力
使い勝手がちょっとわずらわしいですね。
「テキストボックスに内容を記述してください」という欄は
記述が短すぎたり、何も書かなかったりすると
出来上がりのレイアウトが崩れることがあります
そんな時はコードの最後に<br clear="left">を書き加えると正常に表示されます。
HTMLのおさらい
タグを無効にする方法
a4t.jp★Amazonツール
個別商品を紹介するAmazonツール、a4t.jp
タイトル以外は表示の有無を選択可能
画像サイズは大中小の３サイズ
タイトルなしの画像だけの表示はできません
個別商品を紹介するAmazonツールはいろいろあります。
で・・・このa4t.jpがほかのツールと違うところは、
Amazon.co.jpの全ての商品にトラックバックを送ることが出来るというところ。
ついでにアフィリエイト用のリンクをも作成することが出来るというわけです。
Amazon.cp.jpでは、ご存知のように商品にレビューを書くことが出来ます。
でもわざわざAmazonにレビューを投稿するのも…
それくらいなら、自分のブログに書きたいってことありますよね。
このツール、そんなときに使ってみてはいかが。
トラックバックを送ることによりa4t.jpにリンクがはられるので
アクセスアップにつながるというわけです。
もっともa4t.jpへのアクセスが多くなければ意味のない話でもありますが・・・
 |
| ||||
powered by a4t.jp | |||||
タイトル以外は表示の有無を選択可能
画像サイズは大中小の３サイズ
タイトルなしの画像だけの表示はできません
個別商品を紹介するAmazonツールはいろいろあります。
で・・・このa4t.jpがほかのツールと違うところは、
Amazon.co.jpの全ての商品にトラックバックを送ることが出来るというところ。
ついでにアフィリエイト用のリンクをも作成することが出来るというわけです。
Amazon.cp.jpでは、ご存知のように商品にレビューを書くことが出来ます。
でもわざわざAmazonにレビューを投稿するのも…
それくらいなら、自分のブログに書きたいってことありますよね。
このツール、そんなときに使ってみてはいかが。
トラックバックを送ることによりa4t.jpにリンクがはられるので
アクセスアップにつながるというわけです。
もっともa4t.jpへのアクセスが多くなければ意味のない話でもありますが・・・
Yasazon★Amazonツール
ヤサゾン(Yasazon)は、Yahoo! Web検索経由で
アマゾンを検索する商品検索サイト。
タイトルがはっきりわかっていない本の場合など
Yahoo!の検索を使うのでこれが実に便利。
本の内容でも検索可能です。
例えばハーレクインなど
「王女が出てくるロイヤルロマンスを探している」だとか
「確かシークがヒーローで、ヒロインが誘拐されたような・・・」だとか
「荒れ果てた牧場を遺言で遺産相続して・・・」だとか
「ヒロインはたしか家庭教師だったかな？」など
かなり記憶があやふやで、本を探していることも多い。
こういった場合、アマゾンの検索では探しようがない。
ここで登場するのが
試しに太字のキーワードで検索してみると
ハーレクイン 王女
↑ワンクリックで一気にアマゾンの該当商品にリンク。
おー！！！！という便利さです。
もともとは商品検索サイトですがオプション機能として
検索結果ページの各商品の右下にある
「これをブログに貼り付ける」をクリックすると、
商品紹介リンク作成ができます(リンクタイプ９種）。
(検索結果が表示されるのに時間がかかる場合もあります。）
【ハーレクイン・シーク・誘拐で検索】
【ハーレクイン・牧場・遺言で検索】
 プレイボーイの純愛―富豪一族の肖像〈2〉posted with Yasazon (2006.12)
|
【ハーレクイン・家庭教師で検索】
↑このように検索結果のページにリンクすることもできます。
 | 聖なる夜に posted with Yasazon (2006.12)
|
 | 血塗られた爵位 posted with Yasazon (2006.12)
|
 |
 | 孤独なシーク―砂漠の王子たち〈2〉 posted with Yasazon (2006.12)
|
新刊情報☆ ハーレクイン1月5日刊
バナー作成ツール
はずかしながら『バーナー
』だと思っていた『バナー』
バナーとはサイトのタイトルや、宣伝・広告等に使われている文字の含まれた画像のこと。
↑これのこと。
この画像部分をクリックするとハーレクイン図書館の本館に
飛びます。
このバナーは私が始めて作った見よう見まねの自作のバナー
画像を加工して、文字を入れて…とめんどうくさくてその後は作っていません
私のような方におすすめのツール（サイト）を発見しました。
フリー素材・壁紙配布SoWhat
↑
サイズが小さいのが玉に瑕ですが
ものすごく簡単ですからちょっと立ち寄ってみてください。
こんなバナーが1分？2分ぐらいでできます
そのほかバナー作成サイト
タイトルバナーを作ろう
素材deあんぱんだ 無料バナー作成依頼
バナー自動作成 - Hyper Banner Maker
』だと思っていた『バナー』バナーとはサイトのタイトルや、宣伝・広告等に使われている文字の含まれた画像のこと。
↑これのこと。
この画像部分をクリックするとハーレクイン図書館の本館に
飛びます。
このバナーは私が始めて作った見よう見まねの自作のバナー
画像を加工して、文字を入れて…とめんどうくさくてその後は作っていません
私のような方におすすめのツール（サイト）を発見しました。
フリー素材・壁紙配布SoWhat
↑
サイズが小さいのが玉に瑕ですが
ものすごく簡単ですからちょっと立ち寄ってみてください。
こんなバナーが1分？2分ぐらいでできます
そのほかバナー作成サイト
タイトルバナーを作ろう
素材deあんぱんだ 無料バナー作成依頼
バナー自動作成 - Hyper Banner Maker
 | Webページでひときわ目立つロゴ&バナーの作り方・飾り方―押さえておきたい基礎知識から他に差がつく画像処理のテクニックまで 佐藤 信正 メディアテック出版 2001-09 by G-Tools |
ハーレクイン図書館リンク集☆サムネイル作成ツール使用例
ハーレクイン図書館本館
ハーレクインあふぃり(楽天館）
ハーレクイン図書館（ＦＣ２館）
ハーレクイン図書館洋書館
ハーレクイン図書館グルメ館
ジャンル別に探そう
ハーレクイン図書館イチオシのサムネイルツール
WebToJpegをつかってハーレクイン図書館リンク集をつくってみました。
サムネイルツールについてはこちらの記事で紹介。
（ワンクリックで３種類のタグが自動生成されますが
その中のimageタグを使いました。画像が常に更新されるリアルリンクに
なっていますが、ときどき部分的に表示エラーが出るようです。
とにかく画像作成のスピードが速く、
エラーもほとんどなく☆☆☆のツールです。）
PC画面を画像化する方法１―Prt Scキー
画面を画像化するってなんのこと？
↑これ。当図書館のトップページを小さく画像化したもの。
おそらくみなさんもできたらいいな〜と
思ったこと一度はあると思います。
で、この縮小画像のことを『サムネイル』といいます。
『サムネイル 生成ツール』などで検索してみてください。
アドレスを指定するだけ、ワンクリックで簡単に画像化できるツールが沢山あります。
サムネイルツールについてはこちら
実は今日ご紹介したかったのは
ページ全体を縮小して画像化する
このサムネイルとはちょっと違うんです。
ページの一部分だけを画像化したい
ではなくて
上のページの中で、この部分だけを画像化したい
けっこう、こういう要望ってありますよね。
（私はこの記事を書くときに部分画像が欲しかった。）
と・こ・ろ・が・・・
ＰＣビギナーにとってはこれが難しい。
どうしたらいいものやら見当もつかない。
右クリックで画像保存？
いやいや、これでは文字部分は画像化されません。
検索して調べようにも
ページの一部分だけを画像化したいでは
適当なキーワードもわからず、出てくるのは
『サムネイル』ツール的なものばかり。なかなか見つからない。
と思っていたら・・・
なんと、なんと、こんなに簡単だったんだ！
...read more
↑これ。当図書館のトップページを小さく画像化したもの。
おそらくみなさんもできたらいいな〜と
思ったこと一度はあると思います。
で、この縮小画像のことを『サムネイル』といいます。
『サムネイル 生成ツール』などで検索してみてください。
アドレスを指定するだけ、ワンクリックで簡単に画像化できるツールが沢山あります。
サムネイルツールについてはこちら
実は今日ご紹介したかったのは
ページ全体を縮小して画像化する
このサムネイルとはちょっと違うんです。
ページの一部分だけを画像化したい
ではなくて
上のページの中で、この部分だけを画像化したい
けっこう、こういう要望ってありますよね。
（私はこの記事を書くときに部分画像が欲しかった。）
と・こ・ろ・が・・・
ＰＣビギナーにとってはこれが難しい。
どうしたらいいものやら見当もつかない。
右クリックで画像保存？
いやいや、これでは文字部分は画像化されません。
検索して調べようにも
ページの一部分だけを画像化したいでは
適当なキーワードもわからず、出てくるのは
『サムネイル』ツール的なものばかり。なかなか見つからない。
と思っていたら・・・
なんと、なんと、こんなに簡単だったんだ！
...read more
ＰＣ画面を画像化する方法２―サムネイルツール
サムネイルって何？という方にまず簡単に・・・
縮小された画像のことです。
よくこんな画像見ませんか？
これがサムネイルです。
縮小された画像をクリックするとリンク先のサイトが表示されたり、
大きな画像が表示されたりします。
この画像を『リンク』ページなどで使用すると
視覚的にリンク先の情報がわかるのでよく使われています。
このサムネイルを簡単に作成できるフリーツールを集めてみました。
アドレスを記入してクリックすれば
自動的に縮小画像ができるという機能に加え、
自動的にリンクも作成するタイプ、画像サイズを指定できるタイプ
いろいろバリエーションがあります。
ツールによっては画像エラーがでて上手く表示されない
場合もありますので要チェック。
WebToJpeg Ver β 0.9.32がイチオシです。
サムネイル作成ツール★リンク集
SimpleAPI
出来上がったコードを貼るだけ、手軽で便利。
ユーザー多数の人気ツールです。
当サイトのサムネイル。
アドレスを入力してクリック！
コードが表示されるのでコピーしてブログにはるだけ。
リンクも自動で貼られているので、とにかく手軽です。
サムネイル画像の右横に文�
縮小された画像のことです。
よくこんな画像見ませんか？
これがサムネイルです。
縮小された画像をクリックするとリンク先のサイトが表示されたり、
大きな画像が表示されたりします。
この画像を『リンク』ページなどで使用すると
視覚的にリンク先の情報がわかるのでよく使われています。
このサムネイルを簡単に作成できるフリーツールを集めてみました。
アドレスを記入してクリックすれば
自動的に縮小画像ができるという機能に加え、
自動的にリンクも作成するタイプ、画像サイズを指定できるタイプ
いろいろバリエーションがあります。
ツールによっては画像エラーがでて上手く表示されない
場合もありますので要チェック。
WebToJpeg Ver β 0.9.32がイチオシです。
サムネイル作成ツール★リンク集
SimpleAPI出来上がったコードを貼るだけ、手軽で便利。
ユーザー多数の人気ツールです。
当サイトのサムネイル。アドレスを入力してクリック！
コードが表示されるのでコピーしてブログにはるだけ。
リンクも自動で貼られているので、とにかく手軽です。
サムネイル画像の右横に文�