tag:blogger.com,1999:blog-54769080553543569932024-03-05T17:27:46.952+09:00思い出せ.comあれなんだっけ?を思い出すための脳外記憶情報サイトUnknownnoreply@blogger.comBlogger51125tag:blogger.com,1999:blog-5476908055354356993.post-66056122699806230342016-02-27T23:53:00.000+09:002016-02-27T23:53:30.324+09:00iPod Touchのアプリが起動しないときの対処法<br />
iPod TouchやiPhoneなど、AppleのiOSを搭載した端末で「アプリ」が起動しないことがありませんか?アプリをタップしても一瞬暗くなってホーム画面に戻ってしまう現象です。しかも立ち上がらないのは、サファリなどを除く「<b>社外アプリ</b>」だったりしますよね。<br />
<br />
今回はこの現象の対処法について記しておきます。以下は自身のケースで直った実績のある方法ですが、あなたの環境でも同じかどうかは未知数なので予めご了承ください。<br />
<br />
<br />
<a name='more'></a>
<br />
<h3 class="md-blue" id="headline-1">
1.Appストアを訪問する</h3>
<br />
まず最初に、Appストアを開きます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijnLcD77TOGjHHopExgloUzQ4X06LwkdRDaGQAzicauyLZG5fUE_cYY_0gd9LpQKeemEER8Koxr3sKPCdWDGnLw65t8FYJd0kvoknmRCCC0wjEy_ROTl-hNE5VbJD4jBBSAYHifWUOqLL_/s1600/ipod.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="iPod Touchのホーム画面" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijnLcD77TOGjHHopExgloUzQ4X06LwkdRDaGQAzicauyLZG5fUE_cYY_0gd9LpQKeemEER8Koxr3sKPCdWDGnLw65t8FYJd0kvoknmRCCC0wjEy_ROTl-hNE5VbJD4jBBSAYHifWUOqLL_/s1600/ipod.PNG" /></a></div>
<br />
<br />
<br />
<h3 class="md-blue" id="headline-2">
2.無料アプリをダウンロードする</h3>
<br />
次に、Appストアから<b>適当な無料アプリ</b>をダウンロードします。<br />
今回は参考のため「プロ野球TVアプリ」をダウンロードしてみます。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2z-8JG9IoHJTLhdnk9FBeLp5LDJqizLZUSwcN8ujsYw2tNUgVfV0dk3bnKUBr5orleeGoFd4Od2tfeDs36ajcz23gP_cVc8O4S46d7eHMFQIVOBDu4gi_-XXMVJ5ILFfjUvEfbKy0yQ7/s1600/ipod2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Appストアのトップページ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2z-8JG9IoHJTLhdnk9FBeLp5LDJqizLZUSwcN8ujsYw2tNUgVfV0dk3bnKUBr5orleeGoFd4Od2tfeDs36ajcz23gP_cVc8O4S46d7eHMFQIVOBDu4gi_-XXMVJ5ILFfjUvEfbKy0yQ7/s1600/ipod2.PNG" /></a></div>
<br />
<br />
<br />
<h3 class="md-blue" id="headline-3">
3.無料アプリを起動してみる</h3>
<br />
ダウンロードが完了したら、このアプリをタップして起動してみます。<br />
ここでは「起動するか否か」をチェックするだけで構いません。起動できたら閉じます。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluQ1jQPTu6Pq8eU5ay9CnppjLlXNa8M3FKYKuPPdj7EyrVPmUWJbAF3b6yKdX9tZlEBofxs_4JoXjWD3gUeB5yhJLnJWfnz_vXfXh48lMA1vMxXsxFB-apaY-kt9XNYJoXVfRHdfMsNM-/s1600/ipod3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ダウンロード後のホーム画面" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluQ1jQPTu6Pq8eU5ay9CnppjLlXNa8M3FKYKuPPdj7EyrVPmUWJbAF3b6yKdX9tZlEBofxs_4JoXjWD3gUeB5yhJLnJWfnz_vXfXh48lMA1vMxXsxFB-apaY-kt9XNYJoXVfRHdfMsNM-/s1600/ipod3.PNG" /></a></div>
<br />
<br />
<br />
<h3 class="md-blue" id="headline-4">
4.もう直ってる</h3>
<br />
そして今まで立ち上がらなかった他のアプリも起動してみます。<br />
問題なく起動できれば完了なわけですが、どうでしょう?直ったでしょうか?<br />
<br />
何度かこの現象に遭遇していますが、すべてのこの手順で直っていますね。そもそもAppストアすら立ち上がらないケースなどはお手上げですが、社外アプリだけなら有効な方法かもしれません。<br />
<br />
ちなみにダウンロードした無料アプリは最後に削除して構いません。<br />
<br />
<br />Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-5476908055354356993.post-16716241664815144502016-02-23T17:35:00.000+09:002016-02-23T17:35:59.844+09:00オランダ発の静音マウス「Nexus SM-5000」を体感する<br />
「NEXUS」なる聞きなれないメーカーの静音マウスを入手しました。買ってから知りましたが、ケースに「Netherlands」と書いてあったので、どうやらオランダのメーカーらしいです。色はガンメタブルーをチョイス、早速使ってみました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmKeBro_n1Yn-wsP0_8Twx5j69HW9XYn1g5uDNnlQ9gH5hkcF7X1NR8ZjOiwGBQEE7nZ6jfwSMplFCXPamoroH9W5XXIFSeGySlDfdqHv31VcX4HGVU0wBESYPw69D6rkdPYGLVBX2K4U/s1600/nexus1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="静音マウスのパッケージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmKeBro_n1Yn-wsP0_8Twx5j69HW9XYn1g5uDNnlQ9gH5hkcF7X1NR8ZjOiwGBQEE7nZ6jfwSMplFCXPamoroH9W5XXIFSeGySlDfdqHv31VcX4HGVU0wBESYPw69D6rkdPYGLVBX2K4U/s1600/nexus1.jpg" /></a></div>
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tRkvqntGRKS4KZzObWImprstMuuKcGKaDB7-imSjOlfkTHxosF_Ter55cCJGQ3fLvXnkRDn1iikXcz7ISkZnSO6435Lfof9SriFjCOS84CVV658B9ZU2ZtGGHrjgDQCU_I1vq77B3TlX/s1600/nexus2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="横から見た静音マウス" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tRkvqntGRKS4KZzObWImprstMuuKcGKaDB7-imSjOlfkTHxosF_Ter55cCJGQ3fLvXnkRDn1iikXcz7ISkZnSO6435Lfof9SriFjCOS84CVV658B9ZU2ZtGGHrjgDQCU_I1vq77B3TlX/s1600/nexus2.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgou3zKQ2hQPuesW6cPKbcCi3g5ioGbxbf3sfl4GkObhIdH7F209hNQoUW_C316pK0bzAXFPf4zpAc5wjPDFHpp0FXW7ZmcQ8OCWm-yG8ypCkqg9UlzhHOFRMJc4p6Bd_y9rzlcpoZblYug/s1600/nexus3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="静音マウスのサイドボタン" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgou3zKQ2hQPuesW6cPKbcCi3g5ioGbxbf3sfl4GkObhIdH7F209hNQoUW_C316pK0bzAXFPf4zpAc5wjPDFHpp0FXW7ZmcQ8OCWm-yG8ypCkqg9UlzhHOFRMJc4p6Bd_y9rzlcpoZblYug/s1600/nexus3.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lgoc0G5PhJ8TjB5O4d8BdUUGjEc8T4LC9l6wpJr9wryHn5OXolyydrwKW6MODvC4hpw4TuTO-NvyWKkyzX4Ps6M0GSJJe7q5lDdSxPMbfFpw07PKtthMMiWXgKSgh3RcIeHdR1lg7OpW/s1600/nexus4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="正面から見たマウス" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lgoc0G5PhJ8TjB5O4d8BdUUGjEc8T4LC9l6wpJr9wryHn5OXolyydrwKW6MODvC4hpw4TuTO-NvyWKkyzX4Ps6M0GSJJe7q5lDdSxPMbfFpw07PKtthMMiWXgKSgh3RcIeHdR1lg7OpW/s1600/nexus4.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtFUExqbG4lizRj_CUHIGTi9Kckv9USqWJtyEXqJIIma23rl5N4pjgVyiND4VfbVK5XWwQPcz9QLDginJdzQbB8Iqu7Us4V6QPw0OL6rCMPRn2lQRncY7YbYffNl-G5hr3jmN-VWA83Ae/s1600/nexus5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="裏面の電池入れ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtFUExqbG4lizRj_CUHIGTi9Kckv9USqWJtyEXqJIIma23rl5N4pjgVyiND4VfbVK5XWwQPcz9QLDginJdzQbB8Iqu7Us4V6QPw0OL6rCMPRn2lQRncY7YbYffNl-G5hr3jmN-VWA83Ae/s1600/nexus5.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6fpKdc0iUendAHDHCHBBMrIDzjeFK_ByG-cUJ9aSuUhUpQ05CQmIIMqQXCNvfY00-De78DofvlhkZXOA_E-o9j-tuDW538gS8d1QXAvSaFicREmSVEBDRZOvWMDRLP2KarAW-Kc7oYW7R/s1600/nexus6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="マイクロレシーバーとマウス" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6fpKdc0iUendAHDHCHBBMrIDzjeFK_ByG-cUJ9aSuUhUpQ05CQmIIMqQXCNvfY00-De78DofvlhkZXOA_E-o9j-tuDW538gS8d1QXAvSaFicREmSVEBDRZOvWMDRLP2KarAW-Kc7oYW7R/s1600/nexus6.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQKWSSoIEkXmXRsDqSu2xMlRE4Ml7iOoT5UWGqqdfYLvO6ntytndU2bGbn0bgBlQR8ZZVgKAutQg9v6sqdnHkBN83UYfDvw0n-ipJz7tf2TlQdFp13ITdy4UcHWD0PVXI8spUIdsMA2cPd/s1600/nexus7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="サイドホイールのアップ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQKWSSoIEkXmXRsDqSu2xMlRE4Ml7iOoT5UWGqqdfYLvO6ntytndU2bGbn0bgBlQR8ZZVgKAutQg9v6sqdnHkBN83UYfDvw0n-ipJz7tf2TlQdFp13ITdy4UcHWD0PVXI8spUIdsMA2cPd/s1600/nexus7.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijO72Kh8TYAc8QwsR2iAWQ0_gf01XP9a44S4koqKR3tShhgymQokqsRujUJDrfeWYH-HUyq89HW_wNXCBQ9mqRUlJ6bfF1vAODWHDCdu9_trA8pOg-zKiAxLeBtzC4D-oenb3maSDyx0PK/s1600/nexus8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ホイールのアップ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijO72Kh8TYAc8QwsR2iAWQ0_gf01XP9a44S4koqKR3tShhgymQokqsRujUJDrfeWYH-HUyq89HW_wNXCBQ9mqRUlJ6bfF1vAODWHDCdu9_trA8pOg-zKiAxLeBtzC4D-oenb3maSDyx0PK/s1600/nexus8.jpg" /></a></div>
<br />
<br />
デザインはさすがヨーロッパといったところでしょうか。<br />
特に圧巻なのは、<strong>曲線</strong>と<strong>直線</strong>の使い方。エレコムとかバッファローには決してマネできないであろう美しさがありますね。<br />
<br />
それと「<strong>サイドのホイール</strong>」がキーポイント。これはブラウザの「進む」「戻る」ボタンの役割です。転がすことで前後のページへ移動できます。<br />
<br />
ちなみに電源は単三電池×2。マウスだと単四×2が多いような気がしますが、そこはひっかけでした。レシーバーはマイクロレシーバーを採用してるのでコンパクトに収まります。無線は2.4G。電波の飛びも上々です。<br />
<br />
そして肝心の静音性ですが、静音じゃないバッファーローのマウスと比較してみたので動画でどうぞ。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/pQyOUyTMle0?feature=player_embedded' frameborder='0'></iframe></div>
<br />
<br />
どうでしょう?無音とまではいきませんが、通常のマウスと比べると静かです。それは使っていても明らかな違いを感じる部分。とくに夜中などはクリック音が部屋に響くことが気になっていたので、通常のマウスとは明らかな違いを感じます。<br />
<br />
Nexusのサイレントマウス「SM-5000」、全体的にはいい製品でした。これからは静音マウスしか使えない体になりそうな予感がしています。<br />
<br />
<br />Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5476908055354356993.post-32497846218471087672016-02-21T00:27:00.001+09:002017-08-04T18:14:35.747+09:00フリー素材であっという間!評価星の作り方<br />
<br />
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTG-cdIKaNJJSno2-vIWkm1BNBT4stIUClZevO-ievkcwfvMa2Y13wT97lrWMPRevpDGzqw4Kegfo7jnDporIC5L1V6zTPYROC4osUtaDkrqXmBhG4Szfi1w0rzTRUxWV1E3HfVsuXzbAw/s1600/star_3.png" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJisZui8dIpDVsbE2xXTf8lnypb_3kgHvVVYpDDppQmTT_bMSLI8fz4MGf9Jsea0RCLZwm6KqR2-74US4-U8_-l1aeMfpYaQhZRanXR0UKaXg5brkmOlTvS8DiluO2pANZcoinHufD7BJc/s1600/star_gold_3.png" />
</center>
<br />
<br />
評価星の作成方法です。評価星のフリー素材はなかなか自分好みのものがなかったりしますので、簡単に作成できる方法を記憶しておきます。難しいスキルは要りませんが、画像編集の無料ソフト「<b class="red">JTrim</b>」を使用します。<br />
<br />
<a name='more'></a><br />
<br />
<h3 class="md" id="headline-1">
Jtrimを入手</h3>
<br />
<br />
以下で公開されています。<br />
<br />
【フリーソフト】 <a class="gaibu" href="http://www.vector.co.jp/soft/win95/art/se108932.html" rel="nofollow" target="_blank" title="サイトを参照">JTrim</a><br />
<br />
<br />
<br />
<h3 class="md" id="headline-2">
フリー素材をコピー</h3>
<br />
<br />
<img alt="十字アイコン" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwq35u00g1gGnV6Zi625fMadXjJGXcpafR9I98EGlVgJUocnfoPAXJizARlJn3LIKmuAhukI6bXrkZI8It0EyGNTYC0NwWqwUbU_Qs_nbQW-IMp1R2RGfv1O5a0xYarascDcJwfGYKfYTR/s400/cross_gin_1.png" />
<img alt="黄色い星アイコン" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4KG2ghb9wC0PDGy3jhy2ceYvkRyT9cM6Ey7bN0CBOxdTFhPpU7Vg8fkvgcK7opWltcQsvgKxfj89MqBqcdIVQZnB2jxp5Pd4tSGslOkP_dcV7qWXI0b3s8T5tmWFQI2sdaZ6lZKt6dZ8z/s400/star_gold_40.png" />
<img alt="白い星アイコン" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkIxlCg-yUqxuvSiv8BLKFvasaB7zR9WPYOvM-D8A2T6JFule8lgR1oqW15E7wjaRFG9z9ZaRZyj4K7HJZQoaOXe4HfRDdQ6pm65j9kapHxVJ6mRZGRlItuPydQFXBIj8uudF0hmcwCEHR/s400/star_white_40.png" />
<br />
<br />
アイコン等のフリー素材を「<b>右クリックでコピー</b>」しましょう。評価に使えそうなものであれば、星じゃなくても構いません。
<br />
<br />
<br />
<br />
<h3 class="md" id="headline-3">
余白を調節</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqHSat5faLKIcBeBa4J332jqXRHx_E2hVm3WIydC9i5GV2J2fOv07OlVKjIW7QZHhCXsSgebGsfbIGyw5cnn0mMwWae0vO8nzihBuT3Gqyy9Cy3nBZJgLj-5XSv8V2e_mM-LIHe2Tk4N1/s1600/rating-star2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="切り抜きの方法" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqHSat5faLKIcBeBa4J332jqXRHx_E2hVm3WIydC9i5GV2J2fOv07OlVKjIW7QZHhCXsSgebGsfbIGyw5cnn0mMwWae0vO8nzihBuT3Gqyy9Cy3nBZJgLj-5XSv8V2e_mM-LIHe2Tk4N1/s1600/rating-star2.png" /></a></div>
<br />
<br />
次にJTrimを開きます。上メニューの「編集」から画像の「貼り付け」をします。もし<b>左右の余白</b>が多い場合は、ドラッグで余白を削るように範囲を指定し、「切り抜き」をしてから使うのがミソ。できたら「編集」から「コピー」をします。
<br />
<br />
<br />
<h3 class="md" id="headline-4">
連結をする</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kU-GCDfJ4R2X0hRydaXbkQopatKczydVhX1_Ap6-E3rQcWBlQAPd4ChT_OJoGujYA-Tf9-CXRKc33vIvaMFPKU8VbUyPU3K23sInsyoN-De8WCheAO8uFo8UEeznrwyPjQheazRFApmk/s1600/rating-star1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="連結の方法" class="gazou70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kU-GCDfJ4R2X0hRydaXbkQopatKczydVhX1_Ap6-E3rQcWBlQAPd4ChT_OJoGujYA-Tf9-CXRKc33vIvaMFPKU8VbUyPU3K23sInsyoN-De8WCheAO8uFo8UEeznrwyPjQheazRFApmk/s1600/rating-star1.png" /></a></div>
<br />
<br />
続いて連結を行います。「編集」の「連結」を開き、「クリップボードから入力」と「この設定を保存し次回も使用する」にチェックを入れた状態で、<b class="red">右へ連結</b>しましょう。
<br />
<br />
<br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Ad86V7yGGO_Z48TBAG6dbig4RVdYar5YotqMyTCCZ_hlAWBaa5fSIHGf3mbZCUSrkHWmMgg8LbtTbK_UlLdSlRyLTr0hRen1FPWN5HvpMLYn8Dw93VeeBMQx4K1DPk4W1E0qii36VUYO/s400/cross_gin_5.png" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTG-cdIKaNJJSno2-vIWkm1BNBT4stIUClZevO-ievkcwfvMa2Y13wT97lrWMPRevpDGzqw4Kegfo7jnDporIC5L1V6zTPYROC4osUtaDkrqXmBhG4Szfi1w0rzTRUxWV1E3HfVsuXzbAw/s1600/star_3.png" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJisZui8dIpDVsbE2xXTf8lnypb_3kgHvVVYpDDppQmTT_bMSLI8fz4MGf9Jsea0RCLZwm6KqR2-74US4-U8_-l1aeMfpYaQhZRanXR0UKaXg5brkmOlTvS8DiluO2pANZcoinHufD7BJc/s1600/star_gold_3.png" />
<br />
<br />
<br />
<br />
<br />
すると評価素材ができ上がります。連結を繰り返すことで10段階評価も作成可能。最後にサイズを変更して完了です。<br />
<br />
<br />
なお、JTrimは画像の透過もできます。もしもここから<a class="naibu" href="http://omoidasecom.blogspot.jp/2011/10/jtrimgif.html" title="参照">背景の透過が必要な場合</a>は、そちらをチェックしてみてください。
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-30889259233887016962016-02-19T22:21:00.000+09:002016-02-19T22:21:58.484+09:00Googleペナルティを受けたブログを修正する手順<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tJTgyeD5xP6-XamYy1E1Nnon4uI3-bubaA9DvL6tdTcoEzryJSOA8fvPPxWBC8mKqBphrjsTYflT8FPyNxVKa2AQzWil84ic4MXxR9NMnPNbfdavt_CaVRGlY-By3Ytigeh3eoQoKgR9/s1600/google_penaltykaijo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ブログの表示回数" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tJTgyeD5xP6-XamYy1E1Nnon4uI3-bubaA9DvL6tdTcoEzryJSOA8fvPPxWBC8mKqBphrjsTYflT8FPyNxVKa2AQzWil84ic4MXxR9NMnPNbfdavt_CaVRGlY-By3Ytigeh3eoQoKgR9/s400/google_penaltykaijo.JPG" width="400" /></a></div>
<br />
いや~、やっとペナルティを解除されました。ブログが表示されなくなってからちょうど90日、満を持しての復活です!O(≧▽≦)O ちなみにペナルティを受けたのはFC2でやってる料理のブログですが、頑張って更新してたのにご覧の通り、まるで<b style="color: red;">非公開</b>の状態ですよw<br />
<br />
しかし非公開の間に徹底的に修正しておいたので、もう大丈夫な・・・ <span style="font-size: x-large;">はず</span>。<br />
ってことで今回は、数々のGoogleペナルティを経験してきた実体験をもとに、そのペナルティの原因と修正方法について取り上げておきます。<br />
<br />
そもそもペナルティの原因は謎に包まれた部分が多いため、内容はあくまで参考になりますのであしからず。<br />
<br />
では詳しく見ていきましょう。 <br />
<br />
<a name='more'></a><br />
<br />
<h3 class="md" id="headline-1">
1.ペナルティとはどんな状態か</h3>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxV0rys2BNlQ3iAztnegRU8czJoUQu3T5QjQWNHbzehK3Ox1w1Pi7jK4PFU-BKN8InnHmx4UE4HQSG5P8arij9HdyDBLBl8t6E83vDHjiI8-4OygWGrUPNiwbjU-VbzUYnez_vZ0ejZymV/s1600/google_penalty_1month.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Googleペナルティの期間" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxV0rys2BNlQ3iAztnegRU8czJoUQu3T5QjQWNHbzehK3Ox1w1Pi7jK4PFU-BKN8InnHmx4UE4HQSG5P8arij9HdyDBLBl8t6E83vDHjiI8-4OygWGrUPNiwbjU-VbzUYnez_vZ0ejZymV/s400/google_penalty_1month.JPG" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">【参考資料】ウェブマスタツール、Google検索で表示された回数</td></tr>
</tbody></table>
<br />
-30、-90、-950など、降格の度合いに違いはあれど、開始から終了までピッタリキリの良い期間になってるのがGoogleペナルティの特徴。<br />
<br />
ちなみに上記は作ってからわずか1ヶ月ほどでペナルティを受けた、アフィリエイトブログの表示回数。<span class="st">(^_^;)</span>A その期間は<b style="color: red;">ジャスト30日</b>。その間、たとえ1日10記事投稿しても表示回数には反映しません。<br />
<br />
それどころか<b>ブログの名前</b>、<b>記事のタイトル</b>、<b>ドメイン</b>で検索しても上位には表示されません。しかしsite:URLで検索するとインデックスはまだ継続されている。そんな状態です。<br />
<br />
このような状態に陥ってしまったブログの表示回数を戻すには、記事の更新ではなく、<b style="color: red;">ブログの修正</b>をします。Googleのガイドラインに違反している可能性が高いためです。参考までにそのやり方の一部をご紹介。<br />
<br />
<br />
<br />
<h3 class="md" id="headline-2">
2.キーワードの入れすぎ</h3>
<br />
これは無意識にやりがちです。<br />
<br />
【Google公式】 <a href="https://www.google.com/support/webmasters/bin/answer.py?answer=66358" class="gaibu" target="_blank" title="サイトを参照">キーワードの乱用 </a><br />
<br />
まずGoogleのガイドラインを見ると分かりますが、キーワードの入れすぎについては <u>サイトのランキングに悪影響が及ぶ可能性がある</u>とハッキリ注意されています。何も知らずにブログを作って、結果的にそうなってしまってる場合もあるので、今一度確認してみてください。<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTM7VJJw_ZWJPVu5o9WPCoX3MqPo7aYXXKdVeNljCG7OdIQSvP3e1QnkK9mG5Jjm0o2iAgLv1h7u2HB0gIHbiLbQMxvvYf_D5jQ7Yg4x7JWOCZN1F9vgfK-16DhwyQARNNrQ3AA2ZCNM5i/s1600/fc2_kieword.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="キーワードの乱用" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTM7VJJw_ZWJPVu5o9WPCoX3MqPo7aYXXKdVeNljCG7OdIQSvP3e1QnkK9mG5Jjm0o2iAgLv1h7u2HB0gIHbiLbQMxvvYf_D5jQ7Yg4x7JWOCZN1F9vgfK-16DhwyQARNNrQ3AA2ZCNM5i/s400/fc2_kieword.JPG" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">【参考資料】キーワードの出現率</td></tr>
</tbody></table>
<br />
このような状態を放置しておくと、特定のキーワードでヒットするよう狙ったスパム行為としてペナルティを受ける可能性があります。キーワードの乱用はトップページが降格するトップダウンペナルティ(TDP)を引き起こすとの情報もありますが、ブログの場合はトップページよりも記事ページがメインになるので、ブログそのものを降格させられるかもしれません。<br />
<br />
<br />
<br />
<br />
<div style="background-color: #cc0000; color: white;">
<span style="font-size: large;"><b>A.どうやって修正するのか</b></span></div>
<br />
<br />
まずキーワード出現率チェッカーで、自サイトの状態をチェック。<br />
<br />
【外部サイト】 <a href="http://seo.fc2.com/keywordrate/" class="gaibu" target="_blank" title="サイトを参照">キーワード出現率チェッカー </a><br />
<br />
Google検索で上位に表示される同じジャンルのブログをチェックしてみると、大体どのくらいの出現率が良いのかが分かります。チキチキの場合は一番多いキーワードでも4%前後になるよう調節してますが、最適な値はブログのジャンルにもよるかもなので自己判断で行います。ただどのジャンルでも、おおむね5%以内なら問題ないと思われます。<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom-color: black; border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: red; border-left-style: solid; border-left-width: 8px; font-size: large;"> 修正ポイント1 <span style="font-size: small;">~ テンプレート、サイドメニュー ~</span> </b><br />
<br />
<br />
5%を大きく超えているような場合は、過剰になってるキーワードを削除します。このとき削除するべきキーワードとしては、テンプレート、サイドメニューなど、<u>どのページを開いても必ず読み込まれる部分に使ったキーワードです</u>。<b>記事中のキーワードではありません。</b><br />
<br />
具体的には「カテゴリ」などのサイドメニューで使ってるキーワード、フッターに張った「リンクのアンカーテキスト」に含まれるキーワードなど。これらは原則どのページを開いても読み込まれるため、同じ単語があったりすると出現率が跳ね上がってしまいます。<br />
<br />
試しにそのキーワードを2、3個削除して保存すると、 すぐに反映しますので再度チェッカーで確認してみてください。パーセンテージが減っていれば成功です。<br />
<br />
この要領で「削除」⇒「チェッカーで確認」を繰り返しながらキーワードを適正な値まで抑えます。<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom-color: black; border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: red; border-left-style: solid; border-left-width: 8px; font-size: large;"> 修正ポイント2 <span style="font-size: small;">― <title>タグ ―</span> </b><br />
<br />
Googleガイドラインの話に戻りますが、そこには<b><title>タグ</b>と<b>alt要素</b>に注意するよう書かれてあります。<br />
<br />
自分のブログでタイトルがどのように表示されてるのかを確認するには、ブラウザの一番上の部分をチェック。これは<HEAD>内ある<b><title>~</title>の間</b>がどのように指定されてるかによって変わります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5eWFB24UO6qaorjKEJm_BxGtvr6SSnvXEUdV7KLkCiSV2bJkVy5n9zYPupOVUosTqpoaI_AnLyI1LchlOZOvskSxT74Fct6729bCh1nMUb9zqRp6NDF-zZmGM4C58AlCH5xqSn5ZUkvtt/s1600/titletag.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Titleタグの確認方法" border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5eWFB24UO6qaorjKEJm_BxGtvr6SSnvXEUdV7KLkCiSV2bJkVy5n9zYPupOVUosTqpoaI_AnLyI1LchlOZOvskSxT74Fct6729bCh1nMUb9zqRp6NDF-zZmGM4C58AlCH5xqSn5ZUkvtt/s400/titletag.JPG" width="400" /></a></div>
<br />
<br />
あるいはサイトをブラウザの「お気に入り(ブックマーク)」に入れたとき、名前が自動で入力されます。そのとき表示される名前も、<tilte>で指定したもの。こちらで確認することもできます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPW5pSFqmIn8bo2ObPAlKEhtXjDfkKelXvpTRxANi2ehtkzhgyJusexdhNq5ZiV61_-I81LulwrtZxPdLcxQPi1HbFuVZ13hsNqAcJc-WMfU21_UlhJBD9Ija6s4GSqs4uVklPddiI-Qwa/s1600/okini.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="お気に入りの画面" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPW5pSFqmIn8bo2ObPAlKEhtXjDfkKelXvpTRxANi2ehtkzhgyJusexdhNq5ZiV61_-I81LulwrtZxPdLcxQPi1HbFuVZ13hsNqAcJc-WMfU21_UlhJBD9Ija6s4GSqs4uVklPddiI-Qwa/s400/okini.jpg" width="400" /></a></div>
<br />
<br />
<br />
例えば「ラーメン街道」という名前のブログで、 「博多のラーメンを食べ歩く」というタイトルの記事を書いたとします。このときブログ名+記事タイトルの順番で表示する設定になっている場合は・・・<br />
<br />
「ラーメン街道 博多のラーメンを食べ歩く」となり、Googleなどの検索結果にもこのように表示されます。<br />
<br />
つまりこの状態で他にもラーメンというキーワードを使ったタイトルの記事をいくつも書いてしまうと、<b style="color: red;">ラーメン</b>の出現率がしつこくなり、乱用に該当することに。こういうときは、<title>タグを変更します。<br />
<br />
<title>タグを変更する場合はブログサービスによって書き方が異なります。以下はFC2ブログとBloogerにおけるタイトル変更の一例です。<br />
<br />
<a class="btn_act" href="javascript:void(0);"></a><br />
参考: <a class="btn_act" href="javascript:void(0);" title="説明を参照">FC2ブログのタイトル変更</a> <a class="btn_act" href="javascript:void(0);" title="説明を参照">Bloggerのタイトル変更</a>
<br />
<div align="left" class="motion" id="motion_area1">
</div>
<div align="left" class="motion" id="motion_area2">
<br />
FC2ブログの場合は、テンプレートの作者によって記述が違います。デフォルトだと概ね下記のような感じになってます。<br />
<br />
<textarea cols="60" name="textarea1" rows="4" style="border: 1px dashed rgb(102, 102, 102); color: #333333; font-size: 9pt;"><title><%blog_name><!--not_index_area--> <%sub_title><!--/not_index_area--></title>
</textarea>
<br />
<br />
ブログの名前を個別記事のタイトルに表示させないようにするには、それを以下のように変更します。これはトップページだけにブログ名が表示される変数です。カテゴリと個別記事の検索結果には、ブログ名が載りません。<br />
<br />
<textarea cols="60" name="textarea1" rows="5" style="border: 1px dashed rgb(102, 102, 102); color: #333333; font-size: 9pt;"><title><!--not_index_area--><%sub_title><!--/not_index_area--><!--not_permanent_area--><!--not_category_area--><%blog_name><!--/not_category_area--><!--/not_permanent_area--></title>
</textarea>
</div>
<div align="left" class="motion" id="motion_area3">
<br />
<br />
Bloggerはデフォルトだと下記のようになってます。<br />
<br />
<textarea cols="60" name="textarea1" rows="3" style="border: 1px dashed rgb(102, 102, 102); color: #333333; font-size: 9pt;"><title><data:blog.pageTitle/></title>
</textarea>
<br />
<br />
ブログの名前を個別記事のタイトルに表示させないようにするには、それを以下のように変更します。こちらもトップページだけにブログ名が表示されます。当サイトで採用してるものです。<br />
<br />
<textarea cols="60" name="textarea1" rows="6" style="border: 1px dashed rgb(102, 102, 102); color: #333333; font-size: 9pt;"><b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</textarea>
</div>
<br />
<br />
これについてはブログの変数によって変わるため、「titleタグ変更」などの用語で検索をすると、あなたが使ってるブログサービスの変更方法が見つかると思います。<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom: 1px dashed black; border-left: 8px solid red; font-size: large;"> 修正ポイント3 <span style="font-size: small;">― <h>タグ ―</span> </b><br />
<br />
見出し要素である<h>タグに含まれるキーワードにも注意します。<br />
このタグは通常、ブログの名前、ブログの説明文、記事のタイトルなどで使われています。これらは至るところで表示されるため、同じ単語を何度も盛り込むのは適切ではありません。特に<b style="color: red;">記事のタイトル</b>は投稿するたびに増えていくものですので、同じ単語を使いすぎている場合は、単純に1つ1つ書き換えながら見直します。<br />
<br />
【Google公式】 <a href="http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35624" target="_blank" title="サイトを参照">タイトルの定型文はダメ</a><br />
<br />
それと上記でも注意されていますが、記事のタイトルには同じ定型文を何度も書かないでください。例えば記事のタイトルが「ラーメンの概要」だけとか、「ありがとうございました!」だけとか。検索してくる側が、具体的に何の記事なのかを分かるように書くことがポイントです。ただしどの方法で修正するにせよ、タイトルを修正すると検索順位に悪影響を及ぼすと言われていますので、タイトルの書き換えは明らかにスパミィーな場合に実施しましょう。<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom: 1px dashed black; border-left: 8px solid red; font-size: large;"> 修正ポイント4 <span style="font-size: small;">― alt要素 ―</span> </b><br />
<br />
alt要素は、画像を挿入するときに任意で使う要素です。しかしそれが意味不明な文章だったり、単語の羅列ではいけません。またそこにキーワードを盛り込みすぎてる場合は、キーワードを除いたものに書き直します。バナー広告を張ってる場合もalt要素に注意します。<br />
<br />
<br />
<br />
<br />
<h3 class="md" id="headline-3">
3.アフィリエイトのやりすぎ</h3>
<br />
以下はブログでアフィリエイトをやってる場合のみです。<br />
<br />
【Googleガイドライン】 <a href="https://www.google.com/support/webmasters/bin/answer.py?answer=66361" class="gaibu" target="_blank" title="サイトを参照">アフィリエイトサイト</a><br />
<br />
Googleのガイドラインには、 <u>実質の無いアフィリエイトサイトの場合は処置を取る</u>との注意書きがあります。つまりオリジナルのコンテンツが少ない状態でアフィリエイトを利用すると、ペナルティを受ける可能性があります。特にブログを始めたときなど、コンテンツがまだ少ない状態でアフィリエイトをやると、このペナルティを受ける可能性が高いです。<br />
<br />
また、あからさまにユーザーにアフィリエイトリンクを踏ませることを目的としたブログも嫌われます。参考までに修正点をご紹介しておきます。<br />
<br />
<br />
<br />
<div style="background-color: #cc0000; color: white;">
<span style="font-size: large;"><b>A.どうやって修正するのか</b></span></div>
<br />
<br />
極論を言えばアフィリエイトリンクを撤去すれば良いだけの話ですが、そうもいきませんよね。ペナルティを受けないアフィリエイトリンクの貼り方は、Googleアドセンスのルールが参考になります。<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom: 1px dashed black; border-left: 8px solid red; font-size: large;"> 修正ポイント1 <span style="font-size: small;">― 見た目 ―</span> </b><br />
<br />
<br />
色やリンクの間隔など、誰が見ても広告と分かる形で表示する。<br />
<br />
アフィリエイトはなるべくユーザーに気付かれないようにしたほうが成果が上がります。しかし他のリンクと見た目が変わらないなど、紛らわしい形でアフィリエイトリンクを貼ると、ユーザーを騙す行為とみなされる危険性があります。<br />
<br />
例えば文章の流れの中で、ごく自然に<span style="color: blue; cursor: pointer; text-decoration: underline;">このようなアフィリエイトリンク</span>を貼るよりは、むしろ下記のように、コンテンツと分けた広告の方が良いかもしれません。<br />
<br />
<b>スポンサー広告</b><br />
<table bgcolor="#ffff00" style="height: 50px; width: 200px;"><tbody>
<tr><td align="center" valign="middle"><span style="color: blue; cursor: pointer; text-decoration: underline;">アフィリエイトリンク</span>
</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom: 1px dashed black; border-left: 8px solid red; font-size: large;"> 修正ポイント2 <span style="font-size: small;">― 矢印やアイコン ―</span> </b><br />
<br />
<br />
これ⇒<span style="color: blue; cursor: pointer; text-decoration: underline;">アフィリエイトリンク</span><br />
<br />
上記のように矢印やアイコンを使ってクリックを誘発する行為も禁止されています。アフィリエイトリンクのそばに<img>タグなどを使って別途画像を配置してる場合も怪しいです。Googleクローラーには画像の内容を認識する能力はありませんので、たとえクリックを誘発する画像じゃなくても非推奨です。<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: white; border-bottom: 1px dashed black; border-left: 8px solid red; font-size: large;"> 修正ポイント3 <span style="font-size: small;">― 数や間隔 ―</span> </b><br />
<br />
<br />
誰しもすべてのリンクにアフィリエイトを使いたくなります。リンクを貼れば貼るほど売り上げは上がりますので。しかし一般的なブログであれば、数撃てば当たるとゆう概念で多数のリンクを掲載する行為は危険です。ブログはホームページとは違い、あくまで文章。自分で考えた文章がオリジナルコンテンツです。
<br />
<br />
つまり文章の少ないブログでアフィリエイトばかりをやって降格させられるのは<b>ごく普通のこと</b>。もちろん文章ではなく写真や動画などを公開して人気が出ることもありますが、いずれにしても<b class="red">コンテンツ</b>は必須です。ペナルティの原因にアフィリエイトが疑われる場合は、まずブログの「コンテンツの割合を増やす対策」をしてみましょう。<br />
<br />
しかし広告をベタベタ張ってるのにアクセス数がやたらと多いブログもあります。例えば2chのまとめブログです。そもそもGoogleは、<u>多くのニーズがあるサイトを作るよう推奨してます</u>が、そのようなブログであれば、降格を凌駕する可能性があるのかもしれません。ただし地道にやってる一般的なブログの場合は、アクセス数の多いブログをマネしてたくさんのアフィリエイトリンクを張るのは避けたほうが良いと思います。またそのようなブログでも、人を引き付けるコンテンツが中心であることを忘れずに。<br />
<br />
<br />
<br />
<br />
<br /><h3 class="md" id="headline-4">
4.自サイトの検索のしすぎ</h3>
<br />
悪意がないにしても、Google検索でやみくもに自サイトを検索するのは危険です。<br />
<br />
【Googleガイドライン】 <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=66357" class="gaibu" target="_blank" title="サイトを参照">自動化されたクエリ</a><br />
<br />
検索を利用するということは、Googleに「クエリ」を送信することになります。このクエリの送信がスパム的であると、その瞬間から降格させられます。この現象は自身のブログで体験済みですが、イマイチ原因はハッキリしていません。しかし確実に起こるので、疑わしい部分を記載しておきます。<br />
<br />
<br />
Google検索で自サイトを表示するときに・・・<br />
<br />
1.数秒以内など、短時間の間に何度も表示させる<br />
2.自動ページ送りのスクリプトなど、ブラウザに自動化されたツールを導入してる<br />
3.一定期間、同じIPアドレスから検索を続ける<br />
<br />
<br />
このペナルティについて詳しく知りたい方はこちら。<a href="http://omoidasecom.blogspot.com/2011/10/google.html" class="naibu" title="記事を参照">不正なクエリの検出</a><br />
<br />
<br />
<br />
<div style="background-color: #cc0000; color: white;">
<span style="font-size: large;"><b>A.どうやって修正するのか</b></span></div>
<br />
<br />
実際のところチキチキも修正方法はわかりません。Googleにサイト再申請を出してもダメでした。ただこのペナルティを受けた後は、<b style="color: red;">ピッタリ90日後</b>に解除されています。<br />
<br />
<br />
<br />
チキチキが体験したGoogleペナルティの説明は以上です。基本的に、Googleのガイドラインを一つ一つチェックすれば良い訳ですね。あるいは違反してる自覚が無いことがありますので、状態を細かく照らし合わせてみてください。チキチキもまた別のペナルティを受けることがあったら、随時こちらに追記していきたいと思います。<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-5476908055354356993.post-54220096893777544412016-02-16T04:52:00.000+09:002016-02-16T04:52:24.097+09:00rel="nofollow"をアフィリエイトリンクで使えるか調査してみた<br />
rel="nofollow"という要素ついて考えたとき、ふと頭をよぎる1つの疑問・・・<br />
<br />
<b>「<span style="color: red;">アフィリエイトリンクに使えるのだろうか?</span>」</b><br />
<br />
そこでアフィリエイトサービスを提供してる有名どころの各社について、生成されたソースコードの追記・変更が可能かどうか調べてみました。<br />
<a name='more'></a><br />
<a class="btn_act" href="javascript:void(0);"></a><br />
参考: <a class="btn_act" href="javascript:void(0);" title="説明を参照">そもそもrel="nofollow"とは?</a>
<br />
<div align="left" class="motion" id="motion_area1">
</div>
<div align="left" class="motion" id="motion_area2">
<br />
Googleクローラーにその部分をクロールしないように指示を与える要素です。<br />
<a href="URL" <b>rel="nofollow"</b>>のように、リンクに使われるaタグに加えることでリンク先のサイトをクロールしなくなります。通常、外部へのリンクが多いほどそちらに自サイトのページランクが流出し、Google検索での表示順位に悪影響が及ぶとされています。そのため、 rel="nofollow"を使うことで自サイトからのページランクの流出を防ぐことができます。外部リンクには、アフィリエイトリンクも含まれます。
</div>
<br />
<br />
【調査対象】<br />
<table cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr bgcolor="#cccccc">
<td style="font-weight: bold;" width="30%">ASP⇒</td>
<td style="font-size: 14px;" width="70%">A8.net、TG‐アフィリエイト、バリューコマース、</td>
</tr>
<tr bgcolor="#ffffff">
<td style="font-weight: bold;" width="30%">ECサイト⇒</td>
<td style="font-size: 14px;" width="70%">楽天アフィリエイト、Amazonアソシエイト、Yahoo!アフィリエイト
</td></tr>
<tr bgcolor="#cccccc">
<td style="font-weight: bold;" width="30%">おまけ⇒</td>
<td style="font-size: 14px;" width="70%">ドル箱</td>
</tr>
</tbody></table>
<br />
<br />
【質問内容】<br />
<span style="font-size: large;"><b>ソースコードのaタグに、rel="nofollow"を書き加えても成果として認められるのでしょうか?</b></span><br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-1">
A8.netの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikscu3lAfVMoCr0vYZCvozw63vDCI2p7FaUWgXD-lm18qtBD_RKJlDxqWLJ6yU5BDCrRtW3uHA9uMhAkGCGnNR8wIfv8skUPxezoXMFHAAR24XUgCBnm-6u16quKsl-1ou3ivkTC6pQRrn/s1600/a8net_mail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するA8.netの回答内容" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikscu3lAfVMoCr0vYZCvozw63vDCI2p7FaUWgXD-lm18qtBD_RKJlDxqWLJ6yU5BDCrRtW3uHA9uMhAkGCGnNR8wIfv8skUPxezoXMFHAAR24XUgCBnm-6u16quKsl-1ou3ivkTC6pQRrn/s400/a8net_mail.JPG" width="400" /></a></div>
<br />
まずASP大手のA8.netですが、上記のようなメールでお断りされました。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-2">
トラフィクゲートの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgotTtYfQFYumYvEA00p31U5xNXTw7iOyBNDklGXhijIsua13toDnWyiCsFDVkc-MddgVGkvwCcR4nB9TSmmk4me3AW7XQx-DwABk43MGI2fMLJJHWVWhrXelPBKfwyhQ1RX-mMu2G3Ehfh/s1600/TG_mail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するTG‐アフィリエイトの回答内容" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgotTtYfQFYumYvEA00p31U5xNXTw7iOyBNDklGXhijIsua13toDnWyiCsFDVkc-MddgVGkvwCcR4nB9TSmmk4me3AW7XQx-DwABk43MGI2fMLJJHWVWhrXelPBKfwyhQ1RX-mMu2G3Ehfh/s400/TG_mail.JPG" width="400" /></a></div>
<br />
TG‐アフィリエイトも、HTMLソースの変更は禁止です。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-3">
バリューコマースの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAqkfrq5IBT5AfTo9uGhcd0uYGfVWS4iD5vknFwrsW9rPgIQXVbO-POFQlM-c-FL_ufS0b_oVp1cTBNKZK-6W3QlROSy6Wfl7TTneBzj4-Rk-88tIqTDK4yGqWjNyehNaw-m9zxbD3Tgg/s1600/valuecommerce.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するバリューコマースの回答内容" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAqkfrq5IBT5AfTo9uGhcd0uYGfVWS4iD5vknFwrsW9rPgIQXVbO-POFQlM-c-FL_ufS0b_oVp1cTBNKZK-6W3QlROSy6Wfl7TTneBzj4-Rk-88tIqTDK4yGqWjNyehNaw-m9zxbD3Tgg/s400/valuecommerce.JPG" width="400" /></a></div>
<br />
バリューコマースもNGだそうです。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-4">
楽天アフィリエイトの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1KSe0VX1XG0V3XKYCaon16nOamcaP5nYN5umcpri4-UWkJoPWc_h6gTgreOodkxVLhS_SBrDzCncU5fw_n9Hfg65_WzNz8F9QrRDeV7QjxMXcWB1eBxt7iiPKghrxV5ZKNUul-avYiV6g/s1600/rakuten_affiri.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対する楽天の回答内容" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1KSe0VX1XG0V3XKYCaon16nOamcaP5nYN5umcpri4-UWkJoPWc_h6gTgreOodkxVLhS_SBrDzCncU5fw_n9Hfg65_WzNz8F9QrRDeV7QjxMXcWB1eBxt7iiPKghrxV5ZKNUul-avYiV6g/s400/rakuten_affiri.JPG" width="400" /></a></div>
<br />
<br />
楽天は問答無用でダメです。<br />
厳しいなぁ~<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-5">
amazonアソシエイトの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ynw09kSIQVj-jBK_Qbx1hFsjkPVGuXJUhmqkhZNfMdi184VGgkaYFoqDlJsqFMASRexg4sKDmqm5yjt1dEaK5gbv3idfO-CeL2tAVohaLcSaf7w25GaLOLuSbt0oM29sndZT5bGRmKmP/s1600/amazon_mail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するAmazonの回答内容" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ynw09kSIQVj-jBK_Qbx1hFsjkPVGuXJUhmqkhZNfMdi184VGgkaYFoqDlJsqFMASRexg4sKDmqm5yjt1dEaK5gbv3idfO-CeL2tAVohaLcSaf7w25GaLOLuSbt0oM29sndZT5bGRmKmP/s400/amazon_mail.JPG" width="400" /></a></div>
<br />
Amazonはサイズの変更なども含めて全部お断りしますとのこと。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-6">
Yahoo!アフィリエイトの回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xrAOUWMnhYrln8rE3QUgY6gaIGZDeZVxb1RrR-gMcowlQl6fdVeNROCq9nCJMoOM7JYa9SZCo0U7-DIcwKE6zCGFcQdWZNcwF_mokj4Sw6DmE_FTWYsITUfk8I022S8EkRTtGGphYO1v/s1600/yahoo%2521affiryeit.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するYahoo!の回答内容" border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xrAOUWMnhYrln8rE3QUgY6gaIGZDeZVxb1RrR-gMcowlQl6fdVeNROCq9nCJMoOM7JYa9SZCo0U7-DIcwKE6zCGFcQdWZNcwF_mokj4Sw6DmE_FTWYsITUfk8I022S8EkRTtGGphYO1v/s400/yahoo%2521affiryeit.JPG" width="400" /></a></div>
<br />
Yahoo!はバリューコマースと同じ基準を採用しているのでダメです。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-7">
ドル箱の回答</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0EA1ep3N-nzdRKbnuta8K6rdDPgAI6TCz7O2C7E_Qg0gZfweCAoHw9txqFfkLInkgF0vSfUNmmBlGC20TErwqk4CNxu_WESQlk2PCcNAuUSl5cts3_PvSnID0JbMderq8aol2cXBdx_yH/s1600/doru_mail.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="リンクの変更に対するドル箱の回答内容" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0EA1ep3N-nzdRKbnuta8K6rdDPgAI6TCz7O2C7E_Qg0gZfweCAoHw9txqFfkLInkgF0vSfUNmmBlGC20TErwqk4CNxu_WESQlk2PCcNAuUSl5cts3_PvSnID0JbMderq8aol2cXBdx_yH/s400/doru_mail.JPG" width="400" /></a></div>
<br />
なんと!ドル箱の友達紹介は<b><span style="color: red; font-size: large;">OK</span></b>でしたw<br />
ちなみにtitle要素の追加やアンカーテキストの変更も可能とのこと。<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-8">
まとめ</h3>
<br />
<div align="center">
<img alt="お断りしますのaa" border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOMHoz37ksOWTkxQgW0XFcaOy6Ons9PmbN9ZTsNrfSgLa-Bucu-iK-eIthsk30Ka3Y_NbVk_ahlAAsyuxXdMAn8bqwqwLA5eoqILj0NC9mXQQmBClg5pi_ikhV1miyuCqOGKn1fL4ofPoR/s320/okotowari_aa.gif" width="320" />
</div>
<br />
<br />
とういうことで結果は、1勝6敗と大敗でした。どうやらASPやECサイトではrel="nofollow"に限らず、アフィリエイトリンクのソースコードの変更そのものが禁止のようです。<br />
<br />
<br />
<br />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5476908055354356993.post-61886317649222017932016-02-14T11:23:00.002+09:002016-06-14T17:22:54.322+09:00ブログ写真のURLや著作権表示はデメリットの方が大きい<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizK0jIR-GnhyphenhyphenNAnWPhtDClsnM3jRP2SLWHKrcXonzhTcyOlYnKR8fyHQ0DzzfF1VKiVHABj7HMoYSbVKcQF4jr4OsJXJrJmnzrSgjOAC7dhPMiptZ3DHGthHPClXmgX_iP2nrwxp6YSJcc/s1600/photo-cp1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="写真の著作権表示" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizK0jIR-GnhyphenhyphenNAnWPhtDClsnM3jRP2SLWHKrcXonzhTcyOlYnKR8fyHQ0DzzfF1VKiVHABj7HMoYSbVKcQF4jr4OsJXJrJmnzrSgjOAC7dhPMiptZ3DHGthHPClXmgX_iP2nrwxp6YSJcc/s1600/photo-cp1.jpg" /></a></div>
<br />
自分で撮った写真に、URLのような『著作権表示』を入れてるブログ、結構ありますよね。実はチキチキもブログを始めた当初はやっていたんですが、結果的に止めました。これには、<b class="red">読み手側のメリット</b>が何もないと感じたからです。<br />
<br />
<a name='more'></a><br />
<br />
ブログの写真に著作権を入れる理由は、主に無断転載の防止です。しかし写真の多くにURLを付けていたりすると、読む人は何度も繰り返し著作権表示を見せられることになります。そのことが、『不快感』を与えてしまう恐れがあったんです。<br />
<br />
<br />
そもそも無断で使われることは必ずしも悪いことではないと思います。ビジネス的には、チャンス以外の何者でもありません。売らなくても使用料を請求できるわけですから。<br />
<br />
<br />
過去には音楽などの権利会社が、無断転載をしていたYouTubeに対して倍賞を請求していました。それも今は昔、現在では多額の利用料を得ています。これは、無断で使われたからです。使われないと請求すらできません。
<br />
<br />
<br />
他人のコンテンツを勝手に使う側は「ざまぁー見ろ」と思いながら使っているわけではありません。ネットにおける無断転載は、「自分は違反していますよ」と犯罪を披露しているに等しいもの。見つかって通報されたり、代金を請求されるリスクに晒されることになります。<br />
<br />
<br />
最近は、<a class="gaibu" href="https://www.google.co.jp/imghp" rel="nofollow" target="_blank" title="サイトを参照">Google画像検索</a>などを使えば無断転載を見つけれることも容易になってきています。とくに著作権者からの申し立てにはどこのサービスも対応がシビアです。違反者は使っているサービスのアカウント停止を避けるため、請求されたら利用料を支払わざるをえないでしょう。したがって、著作権表示が無いからといって損するわけではありません。<br />
<br />
<br />
ブログが大切なのであれば、自分のことを気にするよりも、読者の目線で最適なブログであるかを気にするべきだと思います。結果的にはそれが評価に繋がるはずだからです。<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-80341921063217265752016-02-13T08:21:00.000+09:002016-02-16T05:06:54.773+09:001ヶ月間更新のないFC2ブログの広告を消す方法<br />
FC2ブログを1ヶ月間更新しないでいると、勝手にスポンサー広告が表示されます。例えば以下のようなものです。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSGhMC2qa09rA9j-NvO47MCoH9a1rFH1M7nnKzvnaZylRyx7PsXF5LfuJBL7V3hRLxdgydITEEkIxvWwGdMyidukP8E6Dayoz-XvftjNoKSy53w2yAWANOjkO10hZ-_jEWW5FlLVlxxdE/s1600/fc2ad1m.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="FC2ブログのスポンサー広告" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSGhMC2qa09rA9j-NvO47MCoH9a1rFH1M7nnKzvnaZylRyx7PsXF5LfuJBL7V3hRLxdgydITEEkIxvWwGdMyidukP8E6Dayoz-XvftjNoKSy53w2yAWANOjkO10hZ-_jEWW5FlLVlxxdE/s400/fc2ad1m.jpg" /></a></div>
<br />
「上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます」の案内と共に、バナー広告が表示されています。ブログの上部に出るので結構邪魔ですよね。<br />
<br />
そもそもこの広告は新しい記事を投稿すれば消せるわけですが、投稿しないでも消せることが発覚。やり方をメモしておきます。<br />
<br />
<a name='more'></a><br />
<h3 class="md-blue" id="headline-1">
スポンサー広告を消す方法</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN-B4xrLt1kpvLChvUzSfn9kignhqx30wcWn_RX-cN7QLCCXr3mMQUAbFd1y3v298wEqqv7oDmmj2tUKisJ3ftlMru6zU8Ssd94ZF9QxpZqMSGtUp_hyFj6n0bbhprkCMhtmzS0W6JBeHG/s1600/fc2ad1m2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="FC2ブログの管理画面" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN-B4xrLt1kpvLChvUzSfn9kignhqx30wcWn_RX-cN7QLCCXr3mMQUAbFd1y3v298wEqqv7oDmmj2tUKisJ3ftlMru6zU8Ssd94ZF9QxpZqMSGtUp_hyFj6n0bbhprkCMhtmzS0W6JBeHG/s1600/fc2ad1m2.jpg" /></a></div>
<br />
まず管理画面の左側メニューにある「過去の記事の管理」から、最後に投稿した記事の編集画面を開きます。そして簡易モードをOFFにし、記事の設定から「<strong>日時設定</strong>」を確認。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlmqjCzUxBAikEHY0qPhdsVzf0i0_baWCCu83BUUS38vmf5aUdBrxctUMZow-mvbSJIo0FM6E96ZabhREk8q2T74XtSVjPRHkClogqTz9FWv_EVJ9_OWSNUuSpOaRFXWSfTLmovUtllct_/s1600/fc2ad1m3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="FC2ブログの日付設定" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlmqjCzUxBAikEHY0qPhdsVzf0i0_baWCCu83BUUS38vmf5aUdBrxctUMZow-mvbSJIo0FM6E96ZabhREk8q2T74XtSVjPRHkClogqTz9FWv_EVJ9_OWSNUuSpOaRFXWSfTLmovUtllct_/s1600/fc2ad1m3.jpg" /></a></div>
<br />
<br />
この日時設定の日付を<strong class="red">現在から1ヶ月以内に変更します</strong>。そして記事を保存するだけで完了です。<br />
<br />
<br />
もちろんその記事の日付が変わることになりますが、まあどうせ更新してないブログなわけだしいいのかなと思ったしだい。「広告が気になるけど、ブログを更新してたまるものか」とお考えの方はぜひお試しあれ。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-79783512300674972192016-02-12T06:41:00.000+09:002016-02-12T06:59:19.574+09:00YouTubeに複数のアカウントで同時にログインする方法<br />
さて本日は、YouTubeに複数の異なるアカウントで同時にログインする方法をご紹介します。 <br />
<br />
最初にブラウザを用意します。IE、FireFox、GoogleCromeなど、<b>エンジンが異なる3つのブラウザ</b>をインストールするか、1台3役の<b>Lunascape</b>を準備しましょう。
<br /><br />
ここでは、Lunascapeのケースで説明していきます。<br />
<br />
<a name='more'></a><br />
<h3 class="md-blue" id="headline-1">
Lunascapeを入手する</h3>
<br />
以下で公開中です。<br />
<br />
【フリーソフト】 <a class="gaibu" href="http://www.lunascape.jp/" rel="nofollow" target="_blank" title="サイトを参照">Lunascape</a><br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-2">
検索エンジンの切り替え</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpyWvKgJ1AJfzp5ir9vrT1DVWydYon2BSuS4D2DdAWVB0Sx7oTqgJABVMi20VOXq1aa7nvMSNq5pi-WxePYyZzxRT0qIOfvFxmj_VM62IAcwae-DNmCishSTPKAA-OOgvaSiHS3d0Zt9G/s1600/Lunascape_engin.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="lunascapeのエンジン切り替え画面" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpyWvKgJ1AJfzp5ir9vrT1DVWydYon2BSuS4D2DdAWVB0Sx7oTqgJABVMi20VOXq1aa7nvMSNq5pi-WxePYyZzxRT0qIOfvFxmj_VM62IAcwae-DNmCishSTPKAA-OOgvaSiHS3d0Zt9G/s400/Lunascape_engin.JPG%20alt=" /></a></div>
<br />
Lunascapeは、左下のアイコンから下記のように検索エンジンを切り替えることがきます。 <br />
<br />
タブ1→ Trident<br />
タブ2→ Gecko<br />
タブ3→ WebKit<br />
<br />
冒頭で紹介した3つのブラウザをインストールした場合は、元々エンジンが違うのでそれぞれを同時に起動しましょう。<br />
<br />
<br />
<h3 class="md-blue" id="headline-3">
異なるアカウントでログインする</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HN8n13bvo72ykhK2uiSmIZNQtLRAtOzWpkbgX_8x3trIbjH8dyHFIWQEHVpDBjpbezYqvps55Sogq16hWl9N0W7IbfZH4tSVRjECkQ1T7CPesZrugmAp1DKNU8YQ0MWhFnG_m0M0-Wn1/s1600/YouTube_logins.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="YouTubeのログイン画面" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HN8n13bvo72ykhK2uiSmIZNQtLRAtOzWpkbgX_8x3trIbjH8dyHFIWQEHVpDBjpbezYqvps55Sogq16hWl9N0W7IbfZH4tSVRjECkQ1T7CPesZrugmAp1DKNU8YQ0MWhFnG_m0M0-Wn1/s400/YouTube_logins.JPG" /></a></div>
<br />
YouTubeのログイン画面を開き、タブごとに異なるアカウントでログインします。(ブラウザの場合はブラウザごとに)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6277NXt4toVqV1f8YbTm8zSU-bW13OAEjy4b1zONe3Ek_Oh3w42c2PH-kxxnkI77Ej1GcueJ6izdfc-en9YFLSTUtCqbibahgqStLbxapQtViM1grEjsh0Tm0mlCBc4D65dIl-_D6NRA/s1600/YouTube_tumbup.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="3つのアカウントでログインした状態" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6277NXt4toVqV1f8YbTm8zSU-bW13OAEjy4b1zONe3Ek_Oh3w42c2PH-kxxnkI77Ej1GcueJ6izdfc-en9YFLSTUtCqbibahgqStLbxapQtViM1grEjsh0Tm0mlCBc4D65dIl-_D6NRA/s400/YouTube_tumbup.JPG" /></a></div>
<br />
するとこのように、複数のアカウントで作業が行えるようになりました。例えば<b>動画のアップロード</b>、<b>コメント</b>、<b>評価</b>、<b>スパム報告</b>などを、3人分のアカウントでまとめてやることが可能です。もし複数台の端末でこれを実施した場合、6人分あるいは9人分と増えていくことになります。<br />
<br />
そのため、相手のコメントをあっという間にスパムにしたりすることも可能です。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-60287182757899080022016-02-11T04:54:00.000+09:002016-02-11T04:55:41.510+09:00Bloggerの編集用マークを一気に消す方法<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3wWRMCo4Dv_ZbBQ11voV__cWbPN8Zi5_OvGoG4q6ESRYntmycHgUZs6vRlokZ1bIgf2MAXPcAZrMq7O5fL_Ce2CM5Kn75mECvCC3WERoDzwxeXULDKhAGq0xoNkpfy9i7R7u_9sLGAsP/s1600/2016-02-08_03h47_49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bloggerの編集ボタン" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3wWRMCo4Dv_ZbBQ11voV__cWbPN8Zi5_OvGoG4q6ESRYntmycHgUZs6vRlokZ1bIgf2MAXPcAZrMq7O5fL_Ce2CM5Kn75mECvCC3WERoDzwxeXULDKhAGq0xoNkpfy9i7R7u_9sLGAsP/s1600/2016-02-08_03h47_49.png" /></a></div>
<br />
Bloggerにログインした状態でブログを開くと、スパナマークのような編集ボタンが表示されます。「クイックエディット」と呼ばれていますが、結構邪魔ですよね。これはCSSで簡単に消すことが可能です。やり方を見ていきましょう。
<br />
<br />
<a name='more'></a><br />
<h3 class="md-blue" id="headline-1">
quickeditを非表示にする</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPJzDNO2zvL15VVhJr9w50ohv0RJRjTaPQrAHvU0vYT1RTtDER0XcM2msmM-CcZFnoNIVdbjSZ8N0WaEbywiV_6BabPaSXulz7xIs7cj8on4w6rMnxc1pJgxpwm8xdm_PbxhJcoqSW2wMk/s1600/2016-02-08_03h56_02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BloggerのCSS" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPJzDNO2zvL15VVhJr9w50ohv0RJRjTaPQrAHvU0vYT1RTtDER0XcM2msmM-CcZFnoNIVdbjSZ8N0WaEbywiV_6BabPaSXulz7xIs7cj8on4w6rMnxc1pJgxpwm8xdm_PbxhJcoqSW2wMk/s1600/2016-02-08_03h56_02.png" /></a></div>
<br />
Bloggeの管理画面から「テンプレート編集」を開きます。<style>で囲まれたCSSを表示しましょう。その中の適当な場所に、以下のコードを追記します。
<br />
<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" onfocus="this.select()" readonly="readonly" rows="4" wrap="hard">.quickedit {
display: none;
}
</textarea>
</div>
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-62329132175344006962016-02-10T03:28:00.000+09:002016-02-13T14:51:01.290+09:00ブログの記事やプラグインなどをスクロールさせる方法<br />
<div style="height: 150px; overflow: scroll; width: 90%; padding: 20px; margin:0 auto;overflow-x: auto;">
さて本日は、ブログのコンテンツなどをスクロールバーを使ってスクロールさせる方法をご紹介します。<br />
<br />
こうした文章だけではなく、最新記事やカテゴリ一覧などの<b>プラグイン</b>をスクロールさせることもできます。
<br />
<br />
またテンプレートをいじくれば、サイト全体のスクロールも可能です。
<br />
<br /></div>
<br />
<br />
ではやり方を見ていきましょう。<br />
<br />
<a name='more'></a>
<h3 class="md" id="headline-1">
overflowでスクロール範囲を指定する</h3>
<br />
style属性にoverflowプロパティを記述し、スクロールさせる範囲等を指定します。 <br />
<br />
・サンプル&コード
<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="4">
<div style="overflow: scroll; width: 100%; height:150px;">
ここにスクロールさせたい内容を入れる
</div>
</textarea>
</div>
<br />
<b class="red">overflow: ;</b> に下記のいずれかを指定します。<br />
<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="4">
scroll スクロールさせます。
hidden スクロールさせず、はみ出た部分を隠します。
auto ブラウザによってスクロールさせます。
</textarea>
</div>
<br />
基本はこれで完了です。<br />
<br />
<br />
<br />
<h3 class="md" id="headline-2">
デザインを決める</h3>
<br />
<div style="background: gray; color: white; font-weight: bold; height: 200px; overflow: scroll; width: 90%;padding: 0 10px;">
<br />
あるいはデザインの調節も可能です。style属性はデザインの記述をするものなので、サイズだけではなく背景色や文字色なども自由に変えることができます。<br />
<br />
・サンプル&コード<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="5">
<div style="overflow: scroll; width: 90%; height: 200px; background: gray; font-weight: bold; color: white;padding: 0 10px;">
ここにスクロールさせたい内容を入れる
</div>
</textarea>
</div>
</div>
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-56450631863995654922016-02-09T04:35:00.000+09:002016-02-09T04:35:21.922+09:00Google Chrome「動作が停止しました」とゆうエラーが直った件<br />
どうやらGoogle Chromeがエラーで使えなくなった模様。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit0yFCck1utLBmoMkNpcM8-3Qeqw8fTaAZ2JQeKZhxlFJRtMtW14gIddELPDUrIzegoV4n7YPNtBZ9K0Mxkd2szJFwJhY3XsKa5D3kwOvurEDmBTpfg-Hk5XGLkFe4kMv6zzCoGGTrMs1e/s1600/google_chrome1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Chromeのエラー画面" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit0yFCck1utLBmoMkNpcM8-3Qeqw8fTaAZ2JQeKZhxlFJRtMtW14gIddELPDUrIzegoV4n7YPNtBZ9K0Mxkd2szJFwJhY3XsKa5D3kwOvurEDmBTpfg-Hk5XGLkFe4kMv6zzCoGGTrMs1e/s1600/google_chrome1.jpg" /></a></div>
<br />
<a name='more'></a><br />
上記の通り、「<strong>Google Chromeは動作を停止しました</strong>」というポップアップが出て使えなくなる現象に見舞われました。ブラウザを立ち上げるまでは普通なのですが、その後サイトを閲覧したり設定を変えたりするために何らかのアクションを起こすと、エラーが表示されてブラウザが閉じてしまいます。<br />
<br />
そして今のところGoogle Chromeを立ち上げると必ずこのエラーが出ていますね。その確率は100%の状態で、何度やっても「立ち上げる」→「落ちる」の繰り返し。そこでこのエラーの原因を探ろうと「問題の詳細の表示」の部分を開いてみたものの、数字の羅列で意味が分からず断念。<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAL8BEC3nwaHh4cGr3LHmr7w0swcCWAfZpWZzL0jULgdiL_NjI8K9y-CZd5RERKWPPZni03f-NT4zKMQl5M9cdrl17FxNU-EZAgKQXx7JVh2Cgqcq3PkqRoiHLH5zYvUGDjFAFaErzfjdO/s1600/google_chrome2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Chrome問題の解決" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAL8BEC3nwaHh4cGr3LHmr7w0swcCWAfZpWZzL0jULgdiL_NjI8K9y-CZd5RERKWPPZni03f-NT4zKMQl5M9cdrl17FxNU-EZAgKQXx7JVh2Cgqcq3PkqRoiHLH5zYvUGDjFAFaErzfjdO/s400/google_chrome2.jpg" /></a></div>
<br />
<br />
「<strong>オンラインで解決策を確認してプログラムを終了します</strong>」を選択しても上記の画面が表示されるだけ。解決策を探せないままプログラムが終了してしまいます。<br />
<br />
さらにこの不具合についてネットで検索しても具体的な答えが見つからなかったので、ダメ元で「<strong><span style="color: red;">パソコンを再起動</span></strong>」。そしたらあっさり直りました。再起動は百薬の長といったところでしょうか。それにしても何が原因だったのか、理由が気になるところです。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-75226689838040213892016-02-08T03:46:00.000+09:002016-03-17T07:21:25.677+09:00FC2ブログで個別記事やカテゴリーをプレビューする技<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZfxesrPVVA_wg59pxW2CdRLHCMqHxkJ4TqhIYHPZe7hWTgzq5lx-vUwbv8wXme8LYDJ5kDBOiztxKKfMGpjigB_pIyPiIOYojSOVyEAcoNKb0749AAKRiqZ2K4hLL3CNGcgSidztTNQF/s1600/fc2preview2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="個別記事のプレビュー" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZfxesrPVVA_wg59pxW2CdRLHCMqHxkJ4TqhIYHPZe7hWTgzq5lx-vUwbv8wXme8LYDJ5kDBOiztxKKfMGpjigB_pIyPiIOYojSOVyEAcoNKb0749AAKRiqZ2K4hLL3CNGcgSidztTNQF/s1600/fc2preview2.png" /></a></div>
<br />
<br />
FC2ブログでページごとのプレビューをする方法をご紹介します。通常FC2ブログでは、テンプレートやスタイルシート(CSS)を編集した場合、トップページしかプレビューできません。そこで『<b>ブックマークレット</b>』を使うことで個別ページのプレビューを行うことができます。<br />
<br />
ここでは、Google Chromeを例にメモしておきます。<br />
<br />
<a name='more'></a><br />
<h3 class="md-blue" id="headline-1">
ブックマークレットを入手する</h3>
<br />
<br />
ブックマークレットは以下のサイトで公開されています。
<br />
<br />
【スクリプト】 <a class="gaibu" href="http://paro2day.blog122.fc2.com/blog-entry-790.html" rel="nofollow" target="_blank" title="サイトを参照">ブックマークレット</a>
<br />
<br />
<br />
<br />
<h3 class="md-blue" id="headline-2">
ブックマークする</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8718yzp2KqyAgd004QU1wZA0TUthz9aO8suNjBgkM_-8LqXTdAEQCiacy0-hXXIC-i0gQvX8TOR3Hw0DftL6aAtgUuh0Maq1c87fcXGkQ6gTbvgJaAiKlxWJbMM1Q5TX_tx858c__stC/s1600/fc2preview1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ブックマークレットをブックマーク" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8718yzp2KqyAgd004QU1wZA0TUthz9aO8suNjBgkM_-8LqXTdAEQCiacy0-hXXIC-i0gQvX8TOR3Hw0DftL6aAtgUuh0Maq1c87fcXGkQ6gTbvgJaAiKlxWJbMM1Q5TX_tx858c__stC/s1600/fc2preview1.png" /></a></div>
<br />
ブラウザの「ブックマークバー」を表示した状態で、ブックマークレットのリンクをドラッグ&ドロップしましょう。種類はプルダウンとボタンの2種類提供されていますが、プレビューするだけならボタンの方だけで十分だと思います。
<br />
<br />
<br />
<h3 class="md-blue" id="headline-3">
個別記事のプレビュー</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZfxesrPVVA_wg59pxW2CdRLHCMqHxkJ4TqhIYHPZe7hWTgzq5lx-vUwbv8wXme8LYDJ5kDBOiztxKKfMGpjigB_pIyPiIOYojSOVyEAcoNKb0749AAKRiqZ2K4hLL3CNGcgSidztTNQF/s1600/fc2preview2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="個別記事のプレビュー" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZfxesrPVVA_wg59pxW2CdRLHCMqHxkJ4TqhIYHPZe7hWTgzq5lx-vUwbv8wXme8LYDJ5kDBOiztxKKfMGpjigB_pIyPiIOYojSOVyEAcoNKb0749AAKRiqZ2K4hLL3CNGcgSidztTNQF/s1600/fc2preview2.png" /></a></div>
<br />
次にブログのテンプレート編集画面を表示します。ここでブックマークした「FC2tmpBf」をクリック。すると上部に<b>黒いバー</b>が出てきます。<br />
<br />
そこへプレビューしたい記事の番号を入力しましょう。最後に「<b>noボタン</b>」をクリックすると個別記事ページがプレビューされます。記事の番号というのは、URLの赤字部分の数字です。
<br />
<br />
http://sample.blog.fc2.com/blog-entry-<b class="red">45</b>.html
<br />
<br />
<br />
<h3 class="md-blue" id="headline-4">
カテゴリーのプレビュー</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LKbGdB5W2iqnqthVdvd3WbqJL7WfVp66_AIfw_u2pbvwzzCOJ4ouADU1wDdzg3oigCREmPPBLgHFN_OJtE5TxhKGmNmCpy_4AXsLNptE89sEm3g8X2RmTrPboCuunTtnF_UK04eTnoaI/s1600/fc2preview3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="カテゴリーのプレビュー" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LKbGdB5W2iqnqthVdvd3WbqJL7WfVp66_AIfw_u2pbvwzzCOJ4ouADU1wDdzg3oigCREmPPBLgHFN_OJtE5TxhKGmNmCpy_4AXsLNptE89sEm3g8X2RmTrPboCuunTtnF_UK04eTnoaI/s1600/fc2preview3.png" /></a></div>
<br />
カテゴリーの場合はその横の部分に番号を入力し「<b>catボタン</b>」をクリック。番号は以下の部分です。
<br />
<br />
http://sample.blog.fc2.com/blog-category-<b class="red">3</b>.html
<br />
<br />
<br />
ちなみにその他のボタンについては、それぞれFC2ブログで生成される下記ページをプレビューする場合に使用します。
<br />
<br />
<br />
<div class="box2">
<b>pageボタン</b> ページ http://sample.blog.fc2.com/page-<b class="red">◯</b>.html<br />
<b>dateボタン</b> 日付ページ http://sample.blog.fc2.com/blog-date-<b class="red">◯◯◯◯</b>.html<br />
<b>tagボタン</b> タグページ http://sample.blog.fc2.com/?tag=<b class="red">◯◯</b>.html<br />
<b>indexボタン</b> トップページ http://sample.blog.fc2.com/</div>
<br />
<br />
<br />
FC2ブログのプレビュー技は以上です。
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-56141062514029186062016-02-07T03:32:00.000+09:002016-02-07T03:39:00.827+09:00border-radiusで角を丸くしてみよう!角丸プロパティの使い方<br />
<center>
<div style="background-color: skyblue; border-radius: 100%; display: inline-block; font-size: 28px; font-weight: bold; height: 100px; line-height: 3.5; padding: 20px; text-align: center; width: 100px;">
ま
</div>
<div style="background-color: yellow; border-radius: 100%; display: inline-block; font-size: 28px; font-weight: bold; height: 100px; line-height: 3.5; padding: 20px; text-align: center; width: 100px;">
る
</div>
<div style="background-color: pink; border-radius: 100%; display: inline-block; font-size: 28px; font-weight: bold; height: 100px; line-height: 3.5; padding: 20px; text-align: center; width: 100px;">
す
</div>
<div style="background-color: lime; border-radius: 100%; display: inline-block; font-size: 28px; font-weight: bold; height: 100px; line-height: 3.5; padding: 20px; text-align: center; width: 100px;">
ぎw
</div>
</center>
<br />
<br />
<br />
<br />
可愛すぎるプロパティ、「border-radius」。<br />
<br />
背景や画像の<strong>角を丸くしたい</strong>ときに使います。<br />
世間では「角丸」なんて呼ばれて可愛がられていますが、とくに画像編集などを使わなくともCSSで簡単に実装できるのは嬉しい限り。
<br />
<a name='more'></a><br />
<br />
<br />
<div style="background-color: #cccccc; border-radius: 20px; font-size: 28px; padding: 20px;">
「<b class="red">border-radius</b>」、最高です。
</div>
<br />
<br />
<div class="separator" style="clear: both; float: left; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vAb3PzsGtteYlcE_uv0bfWStzivJOX1iDltfwLd9Mi17-B5Y3C0q2Zt9zrNqBuVQ8HwA3qjvAL4IcZOX6FGdh8j-FSMcdHcoPz515kXGojG5t5yx38Bu0as9OQh0bv1IA-l5PJzrqAUw/s1600/yt.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="角丸のサンプル画像" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vAb3PzsGtteYlcE_uv0bfWStzivJOX1iDltfwLd9Mi17-B5Y3C0q2Zt9zrNqBuVQ8HwA3qjvAL4IcZOX6FGdh8j-FSMcdHcoPz515kXGojG5t5yx38Bu0as9OQh0bv1IA-l5PJzrqAUw/s400/yt.PNG" style="border-radius: 40px;" width="90%" /></a></div>
例えば↑背景の角を丸めたり、<br />
<br />
左記のような写真や画像を丸めたいときに使います。<br />
<br />
どの程度丸めるのかは自由に調節でき、丸めすぎると、↓丸になります。<br />
<br />
<div align="right" style="background-color: lime; border-radius: 100%; float: left; font-size: 25px; font-weight: bold; margin-left: 30px; padding: 70px; text-align: center;">
</div>
<br clear="all" />
<br />
<br />
<br />
もう想像しただけでこの便利さが伝わるはず。<br />
<br />
当ブログのフッターでも使っていますが、どう考えても神がかっています。<br />
<br />
<br />
では使い方。<br />
<br />
<br />
<h3 class="md" id="headline-1">
border-radiusで角の丸さを指定
</h3>
<br />
HTMLのstyle属性、あるいはCSSにborder-radius: ;を記述します。<br />
そして20px、20%などの単位で丸さを調節。<br />
<br />
<br />
<strong>コードの例</strong><br />
<div class="box1">
■画像を丸くする<br />
<img border="0" height="400" src="画像のURL" style="border-radius: 40px;" width="266" /><br />
<br />
■背景の角を丸くする<br />
<div style="background-color: #cccccc; border-radius: 20px; font-size: 30px; padding: 20px;"><br />
border-radius: px、em、%などで調節 ;<br />
</div><br />
<br />
■一部の角を丸くする<br />
<div style="background-color: yellow; border-top-right-radius: 20px; font-size: 20px; padding: 20px;"><br />
右上 border-top-right-radius<br /><br />
左上 border-top-left-radius<br /><br />
右下 border-bottom-right-radius<br /><br />
左下 border-bottom-left-radius<br />
</div><br />
<br />
■完全な丸にする<br />
<div style="background-color: lime; border-radius: 100%; height: 100px; width: 100px;"><br />
</div><br />
<br />
■表の角を丸くする<br />
<table width="400" bgcolor="white" style="border:2px solid gray;border-radius: 10px;" cellspacing="0" cellpadding="10"><tbody><tr><br />
<td width="200" style="border-right:2px solid #cccccc;"><br />
りんごの値段<br />
</td><br />
<td width="200"><br />
100円<br />
</td><br />
</tr><br />
<tr><br />
<td width="200" style="border-top:2px solid #cccccc;border-right:2px solid #cccccc"><br />
みかんの値段<br />
</td><br />
<td width="200" style="border-top:2px solid #cccccc;"><br />
200円<br />
</td><br />
</tr><br />
<tr><br />
<td width="200" style="border-top:2px solid #cccccc;border-right:2px solid #cccccc"><br />
メロンの値段<br />
</td><br />
<td width="200" style="border-top:2px solid #cccccc;"><br />
1,000円<br />
</td><br />
</tr></tbody></table><br />
<br /></div>
<div align="center" style="color: #cccccc; font-size: 70px; margin: 30px 0;">
↓</div>
<strong>表示サンプル</strong><br />
<div class="box2">
■画像を丸くする<br />
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vAb3PzsGtteYlcE_uv0bfWStzivJOX1iDltfwLd9Mi17-B5Y3C0q2Zt9zrNqBuVQ8HwA3qjvAL4IcZOX6FGdh8j-FSMcdHcoPz515kXGojG5t5yx38Bu0as9OQh0bv1IA-l5PJzrqAUw/s400/yt.PNG" style="border-radius: 40px;" width="266" /><br />
<br />
■背景の角を丸くする<br />
<div style="background-color: #cccccc; border-radius: 20px; font-size: 30px; padding: 20px;">
border-radius: px、em、%などで調節 ;
</div>
<br />
■一部の角を丸くする<br />
<div style="background-color: yellow; border-top-right-radius: 20px; font-size: 20px; padding: 20px;">
右上 border-top-right-radius<br />
左上 border-top-left-radius<br />
右下 border-bottom-right-radius<br />
左下 border-bottom-left-radius
</div>
<br />
■完全な丸にする<br />
<div style="background-color: lime; border-radius: 100%; height: 100px; width: 100px;">
</div>
<br />
■表の角を丸くする<br />
<table bgcolor="white" cellpadding="10" cellspacing="0" style="border-radius: 10px; border: 2px solid gray; width: 400px;"><tbody>
<tr>
<td style="border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 2px;" width="200">りんごの値段
</td>
<td width="200">100円
</td>
</tr>
<tr>
<td style="border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 2px;" width="200">みかんの値段
</td>
<td style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 2px;" width="200">200円
</td>
</tr>
<tr>
<td style="border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 2px;" width="200">メロンの値段
</td>
<td style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 2px;" width="200">1,000円
</td>
</tr>
</tbody></table>
</div>
<br />
<h3 class="md" id="headline-2">
FC2ブログで使うには?
</h3>
<br />
FC2ブログでは、古いテンプレートの場合はborder-radiusが使えないケースがあります。その場合、テンプレートの互換モードをIE9にします。<br />
<br />
<div class="box1">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
</div>
<br />
FC2ブログのテンプレートを開き、上記のmetaタグを<head>内に追記しましょう。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-26556720668059402682016-02-06T04:29:00.000+09:002016-02-06T04:39:20.437+09:00空のリンクを貼る2つの方法<br />
HTMLでリンクをクリックしてもページを移動しないようにする方法です。<br />
<br />
1.<span style="color: blue; cursor: pointer; text-decoration: underline;">模擬リンク</span><br />
<br />
2.<a href="http://omoidasecom.blogspot.jp/2011/11/blog-post_14.html#!">模擬リンク</a><br />
<br />
上がリンク風のニセモノ、フェイクです。下が空のURLを使ったリンクです。クリックしても移動はしません。<br />
<br />
ではやり方を見ていきましょう。<br />
<br />
<a name='more'></a>
<br />
<h3 class="md" id="headline-1">
styleでリンク風に装飾する</h3>
<br />
style要素やCSSで、色などの見た目を自分のサイトのリンクと同じように加工します。そしてcursor: pointer;を追記し、マウスオーバーしたときのカーソルの形に指示を与えます。<br />
<br />
サンプル<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
<span style="color: #0000ff; cursor: pointer; text-decoration: underline;">こうなります</span>
</textarea>
</div>
<br />
<br />
<span style="color: blue; cursor: pointer; text-decoration: underline;">こうなります</span>
<br />
<br />
<br />
<h3 class="md" id="headline-2">
URLに#!を追記する</h3>
<br />
そのページのURLに#!を追記します。<br />
<br />
サンプル<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
<a href="http://omoidasecom.blogspot.jp/2011/11/blog-post_14.html#!">こうなります</a>
</textarea>
</div>
<br />
<br />
<a href="http://omoidasecom.blogspot.jp/2011/11/blog-post_14.html#!">こうなります</a>
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-36182669807822881682016-02-05T08:19:00.000+09:002016-02-05T08:19:36.588+09:00アプリ電池診断のエラーを消す方法<br />
ARROWSシリーズに搭載されいてる「アプリ電池診断」を無効にする方法です。「このアプリが電池の消耗に影響しています」みたいなアラートを出してくれるアプリですが、結構邪魔だったりしますよね。また油断してるとエラーを起こすことも多いようです。
<br />
<br />
<br />
消し方を記憶しておきます。
<br />
<br />
<a name='more'></a>
<br />
<h3 class="md-blue" id="headline-1">
無効にする手順</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGb2lP6GJ69ii8oXxk9ItlIwjnSNmTjfx2W-ri1h6zHRoESTL-O6BgMwKOZl-8vq6znqxAVx-Fl-AVn17QZwQIYOgLiUKpZ2oKjLVOpbh_oBBiP-E80vDDMSGLe-i5dlX6kTYt2hyphenhyphen9wtmG/s1600/arrows_shindan2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="アプリ電池診断" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGb2lP6GJ69ii8oXxk9ItlIwjnSNmTjfx2W-ri1h6zHRoESTL-O6BgMwKOZl-8vq6znqxAVx-Fl-AVn17QZwQIYOgLiUKpZ2oKjLVOpbh_oBBiP-E80vDDMSGLe-i5dlX6kTYt2hyphenhyphen9wtmG/s1600/arrows_shindan2.jpg" /></a></div>
<br />
「設定」→「アプリケーション」→「すべて」と進み、「<b>アプリ電池診断</b>」を探して開きます。
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYgT_evAWiB23oKOyE7v-iT4mUbhYoEJY1GbTOfCdjS0bQutSUiAT5FacsMbtbuySaUYy3HZ4yMfyefm6WbSQD45VA3MjBDjc1CVHasd5-_7e2op5MWTlmZng1fJr44VlG4ym3e5GVqXoO/s1600/arrows_shindan3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="有効の状態" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYgT_evAWiB23oKOyE7v-iT4mUbhYoEJY1GbTOfCdjS0bQutSUiAT5FacsMbtbuySaUYy3HZ4yMfyefm6WbSQD45VA3MjBDjc1CVHasd5-_7e2op5MWTlmZng1fJr44VlG4ym3e5GVqXoO/s1600/arrows_shindan3.jpg" /></a></div>
<br />
この状態で「無効にする」をタップ。
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDvgNXmkeruqHjkHLLKXcXY0q43bUxouPBkKtMuW20KjMSz5OCNluREAqSA2whkxqg1cEHADbpjbEquxFefiB8PuFUqZxLsnEGz_r_ZQkPSuZIjhvz5abovGZf6JILHdXwRwx8XEIQQlIG/s1600/arrows_shindan1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="無効にした状態" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDvgNXmkeruqHjkHLLKXcXY0q43bUxouPBkKtMuW20KjMSz5OCNluREAqSA2whkxqg1cEHADbpjbEquxFefiB8PuFUqZxLsnEGz_r_ZQkPSuZIjhvz5abovGZf6JILHdXwRwx8XEIQQlIG/s1600/arrows_shindan1.png" /></a></div>
<br />
これで無効になりました。アラートやエラーのポップアップは出なくなります。
<br />
<br />
<br />
アプリ電診断を消す方法は以上です。
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-6826627385864970412016-02-04T05:49:00.000+09:002016-02-04T05:51:37.982+09:00パソコンからFC2ブログのスマートフォンサイトを表示させる方法<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1v8QMx5-JJx7SLFlfpvRvzQFapM536c46f1PDe7DDRhUNazcitA4P0ulikMldL9kBSGm20Q69r42Slg0jefR2klKrCzVpC1O_CzKTkLbsgZSUFCzypLZfw7_877jI0_vmKlSuXpHuN2W3/s1600/fc2smart.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="FC2ブログのスマートフォン用サイト" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1v8QMx5-JJx7SLFlfpvRvzQFapM536c46f1PDe7DDRhUNazcitA4P0ulikMldL9kBSGm20Q69r42Slg0jefR2klKrCzVpC1O_CzKTkLbsgZSUFCzypLZfw7_877jI0_vmKlSuXpHuN2W3/s1600/fc2smart.jpg" /></a></div>
<br />
FC2ブログで、パソコンからスマートフォンサイトを見る方法です。<br />
<br />
通常、自分のFC2ブログに内部リンクを貼ってパソコンから開くと、PC用のテンプレートで表示されます。このときPC用のテンプレートではなく、スマートフォン用のテンプレートで表示することも可能です。例えばブログの説明、誘導したいときなどに使えますので、簡単にメモしておきます。<br />
<a name='more'></a><br />
<br />
<h3 class="md-blue" id="headline-1">
ブログのURLの最後に?spを付ける</h3>
<br />
その場合、ブログのURLの最後に「<strong class="red">?sp</strong>」 を付けます。<br />
URLが下記のようになってるブログの場合であれば、<br />
<br />
http://sample.blog999.fc2.com/<br />
<br />
リンク先を以下のようにします。<br />
<br />
<div class="box1">
http://sample.blog999.fc2.com/?sp</div>
<br />
<br />
あるいはブログのトップページではなく、「個別記事」をスマートフォン用サイトで表示させたい場合は、以下のようにします。<br />
<br />
<div class="box1">
http://sample.blog999.fc2.com/blog-entry-212.html?sp</div>
<br />
<br />
サンプル。<br />
<br />
<a href="http://fc2information.blog.fc2.com/" target="_blank" title="参照">http://fc2information.blog.fc2.com/</a><br />
<br />
<a href="http://fc2information.blog.fc2.com/?sp" target="_blank" title="参照">http://fc2information.blog.fc2.com/?sp</a><br />
<br />
<a href="http://fc2information.blog.fc2.com/blog-entry-1706.html?sp" target="_blank" title="参照">http://fc2information.blog.fc2.com/blog-entry-1706.html?sp</a><br />
<br />
<br />
以上です。<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-78122993948606495842016-02-03T04:56:00.000+09:002016-02-03T11:10:18.044+09:00Google検索でペナルティを受けるとGoogleクローラーのアクセス数が増加する!?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlLEG4ug1XkCJhrqHnLEJlMUuTVEm809X9WXhR9o03x6c9VTWhWd6E94VvTHv3XZ5EDRdC7iEqvr0k9gnPM_6FgAyG8vCeD2Ke3x4KYYBVzZEFNai0L1RAdNhvCqiUolaAbRC11bSY6a4/s1600/Google_crawler.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Googleクローラーのアクセス数" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlLEG4ug1XkCJhrqHnLEJlMUuTVEm809X9WXhR9o03x6c9VTWhWd6E94VvTHv3XZ5EDRdC7iEqvr0k9gnPM_6FgAyG8vCeD2Ke3x4KYYBVzZEFNai0L1RAdNhvCqiUolaAbRC11bSY6a4/s1600/Google_crawler.JPG" /></a></div>
<br />
<br />
どうやらまた別のブログで掲載順位降格の<b>ペナルティ</b>を受けたようです。しかしなぜかその直後から、Googleクローラーのアクセス数が急激に増加しています。
<br />
<br />
解析を見ると、1日2~3回程度だったクローラーの訪問数が、数十回以上に激増している模様。<br />
<br />
<a name='more'></a><br />
そもそもチキチキはブログをいくつか持っていて、Google検索のペナルティを受けること自体は初めてではありません。<br />
<br />
そのおかげで?ペナルティ発動時の彼らの行動パターンは大体掴めています。<br />
<br />
<br />
<br />
<b><u>掲載順位の降格 → 表示回数が激減 → クローラーが大挙して押し寄せる</u></b>
<br />
<br />
<br />
<br />
おそらくここから数ヶ月間の猶予期間を与えられ、それまでに違反箇所が直っていなければ、再度ペナルティを課されるというお決まりのコースでしょう。<br />
<br />
問題は、ペナルティ期間が長いこと。ペナルティの期間が3ヶ月とかだと、ブログを更新するモチベーションを失ってしまうってことです。 違反箇所については大体の察しはついていますが、修正してもすぐに元通りとはいかないのが厄介なところです。<br />
<br />
詳細な「<b><a href="http://omoidasecom.blogspot.com/2011/09/google_23.html" class="naibu" title="記事を参照">Googleペナルティの症状</a></b>」については、そちらに書いておきました。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5476908055354356993.post-35837943287043401292016-02-02T06:20:00.000+09:002016-02-16T05:08:34.479+09:00Google検索が使えなくなるエラー「不正なクエリの検出」の注意点<br />
さて今回は、Google検索が使えなくなった失敗談をご紹介します。<br />
どうやらこれは、Google検索におけるペナルティの一種のようです。<br />
<br />
ではあらすじです。<br />
<br />
チキチキは先日、とある理由から自分で自分のブログをGoogle検索していたところ、突如として画面上に「<b>不正なクエリの検出</b>」という珍しいエラーが表示されました。そしてその直後からGoogle検索が使えなくなり、検索していた自分のブログの掲載順位を降格させられたので大混乱。まるでいつの間にかサッカーJ1から消えていた東京ヴェルディのごとく、何の知らせもない降格でした。<br />
<br />
そこで原因を調べてみると・・・ <br />
<br />
【公式サイト】 <a href="https://www.google.com/support/webmasters/bin/answer.py?answer=66357" class="gaibu" rel="nofollow" target="_blank" title="サイトを参照">自動化されたクエリ</a><br />
<br />
恐らくこれっぽい。<br />
<br />
<a name='more'></a><br />
<br />
Googleでは<b class="red">その種類に関わらず</b>、自動化されたクエリの送信を禁止しているとのこと。クエリの送信とは、検索ボックスに文字を入れて検索することです。それを自動で行うことを禁止しているわけですね。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_cJ3xZlW-O4Jdq7teuufwGHOdwhNzbh6RlRa4fSEJgNgVGUyfIRK5CLcQP9CNaqlrxXV24soR9JtZNy74dZwsnmLAZ1Koip70Oocqsvlzb8oxB45Q_1x5GgUm-xPobBsEEvOc24-6Chj/s1600/qurie.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="ウェブマスターツールの検索クリエ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_cJ3xZlW-O4Jdq7teuufwGHOdwhNzbh6RlRa4fSEJgNgVGUyfIRK5CLcQP9CNaqlrxXV24soR9JtZNy74dZwsnmLAZ1Koip70Oocqsvlzb8oxB45Q_1x5GgUm-xPobBsEEvOc24-6Chj/s1600/qurie.JPG" class="gazou80" /></a></div>
<br />
上記ウェブマスターツールを使っている人なら分かると思いますが、検索クエリのデータはGoogleに送信されていて、表示された回数や使われたキーワードなどWebサイトの数だけ記録されています。そしてGoogleは、その検索用語で何回表示されて何回クリックされたかなどの情報を表示順位の判断材料にしていると言われてます。<br />
<br />
しかし今回のケースでは、何か怪しいソフトを使ったり、狂ったように何十回も検索していたわけではありません。検索したのは1日数回程度で、あくまで手動の範囲内です。 そもそもサイトの運営者であれば、自分のサイトを検索してみることぐらい誰でもやったことがあるはず。<br />
<br />
ただこのガイドラインを読んで「<b>自動化された</b>」という文言には何か引っかかるものを感じました。そして自分の胸に手を当てて、検索エンジンにおける自分という存在を見つめ直してみたところ、まもなくして閃きました。<br />
<br />
どうやら問題は自分のサイトを検索したことよりも、<b>そのときの状況</b>にあったようです。そこで今回Google検索が使えなくなった理由と思われる注意点を、以下に書き記しておきます。<br />
<br />
<br />
<h3 class="md red" id="headline-1">
検索オプションの表示件数</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnjkYioNvh-gGQqxfUp3fyu55DCtxXmCWsp5LQgr6c7Cjl9UpzkFjUVx6fOkNuhW473jBvhNlDLZzu59AU9TmcWnKUzseyd2FLtLb85Y-oyEAsrkROUq_ND3wWYdfocrTHSkkkBDO-_lz/s1600/Google_search.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Googleの検索オプション" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnjkYioNvh-gGQqxfUp3fyu55DCtxXmCWsp5LQgr6c7Cjl9UpzkFjUVx6fOkNuhW473jBvhNlDLZzu59AU9TmcWnKUzseyd2FLtLb85Y-oyEAsrkROUq_ND3wWYdfocrTHSkkkBDO-_lz/s1600/Google_search.JPG" /></a></div>
<br />
<br />
Google検索では「検索オプション」から<b>表示件数</b>を変えることができます。<br />
デフォルトは10件ですが、このときチキチキは100件に変更していました。 <br />
<br />
確かにこの状態で検索をすれば、より多くのページが<b class="red">自動で</b>表示されることになります。そもそもこれはGoogleが提供してる機能ですが、種類に関わらず禁止(by ガイドライン)とのことですので、これも怪しいです。<br />
<br />
<br />
<h3 class="md red" id="headline-2">
site:http//....という検索方法</h3>
<br />
例 <br />
site:http://omoidasecom.blogspot.com/
<br />
<br />
サイトの運営者が自分のサイトを検索するときは、一般的に上記のような用語で行うよう勧められています。しかし今回は、これとキーワードを組み合わせた下記のような検索方法でアウトでした。 <br />
<br />
例 <br />
site:http://omoidasecom.blogspot.com/ アドオン<br />
<br />
ただし検索用語については不正なクエリになり得ても、<b>自動化されたクエリ</b>とは関係がないように思いますので、これはあくまで参考程度で。<br />
<br />
ちなみにペナルティを受けたのはこのブログではありません。<br />
<br />
<br />
<h3 class="md red" id="headline-3">
検索時間の間隔</h3>
<br />
検索ボタンをクリックする間隔が短すぎる。<br />
たとえ少ない回数であれ、<b>短時間の間に連続して検索</b>するのは危険なようです。<br />
<br />
チキチキもこのとき検索用語を変えながら、<b class="red">数秒以内で</b>検索をしていました。<br />
<br />
<br />
<h3 class="md red" id="headline-4">
検索した期間</h3>
<br />
毎日継続して自分のサイトを表示させるのも危ないかもしれません。<br />
<br />
そもそもチキチキは、<a href="/2011/09/google_16.html" class="naibu" target="_blank" title="記事を参照">リッチスニペット</a>を確認するために<b>2週間程度継続して</b>ブログを検索していました。そしてエラーが表示された際、IPアドレスが不正とみなされています。Googleは検索した人のIPアドレスを常にマークしているということですね。<br />
<br />
したがって過去に送信したクエリを、Googleが一定期間見張っていることも否定できません。<br />
<br />
<br />
<h3 class="md red" id="headline-5">
ブラウザの拡張機能</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyALzhyphenhyphenPmjSr8CFKa6iE11Ga3O5pOdU5AFwekwMHYgrcG5aLgm_aFjcAAHTXU9wWg4dHyke_VlAmc60ZmtgyHHAZrsYJweaz9Qp1obPqVmVi3-YGweE4cOGizVE6Y2HnFglbTUN33flyD5/s1600/autopagerize.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="FireFoxアドオンの管理画面" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyALzhyphenhyphenPmjSr8CFKa6iE11Ga3O5pOdU5AFwekwMHYgrcG5aLgm_aFjcAAHTXU9wWg4dHyke_VlAmc60ZmtgyHHAZrsYJweaz9Qp1obPqVmVi3-YGweE4cOGizVE6Y2HnFglbTUN33flyD5/s1600/autopagerize.JPG" /></a></div>
<br />
おそらくこれが主因の可能性<b class="red">大</b>。<br />
Fire Foxアドオン「GraseMoncky」のスクリプト、「Auto Pagerize」を導入したブラウザで検索をしていました。<br />
<br />
Auto Pagerizeは「次へ」をクリックしなくても自動で次項を表示してくれる<b>ページ送りの拡張機能</b>です。閲覧者にとっては便利なツールですが、検索エンジンにとってはかなりの負荷になっている可能性があります。<br />
<br />
<br />
<h3 class="md red" id="headline-5">
まとめ</h3>
<br />
思い当たる注意点は以上です。<br />
<br />
つまりこれらを要約すると・・・<br />
<b><br /></b>
<div style="color: black;">
<b><span style="font-size: large;">・表示件数を100件にした状態で、</span></b></div>
<div style="color: black;">
<b><span style="font-size: large;">・一定期間、</span></b></div>
<div style="color: black;">
<b><span style="font-size: large;">・または短時間の間に複数回、</span></b></div>
<div style="color: black;">
<b><span style="font-size: large;">・自動ページ送りのスクリプトを使って検索した。</span></b></div>
<br />
<br />
といった一連の流れが、今回の「<b class="red">不正なクエリの検出</b>」につながったと考えられます。では具体的にどれが禁止だったのかはチキチキにも分かりませんが、この内の1つ、あるいは複数の行為が該当している可能性があります。<br />
<br />
ちなみにその後、文字認証を入力することでGoogle検索の利用停止は解除されました。しかし降格させられたブログについては状態が改善していませんので、サイト運営者の方は特に注意した方がよろしいかと思います。<br />
<br />
<br />
<br />
※誤字のご指摘コメントありがとうございます。リライトを行いました。
<br />
<br />Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-5476908055354356993.post-63411363063282615262016-02-01T04:47:00.000+09:002016-02-06T04:53:49.179+09:00Bloggerをおすすめできない20の理由<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OZELoN_zNvlYL5lzUCDZGXM6IXL2mu2eBzee5d87n9bF8zRG0JyzZeFsIGYeqnEWb33PqZQONTRjIOTwYL8PPnSZq7gMQJ97D7vTUDuQQsKpwfAy23XYeO3lcB8d6EPm18hlhjTC15bN/s1600/Blogger_icon2.gif" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Bloggerのロゴマーク" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OZELoN_zNvlYL5lzUCDZGXM6IXL2mu2eBzee5d87n9bF8zRG0JyzZeFsIGYeqnEWb33PqZQONTRjIOTwYL8PPnSZq7gMQJ97D7vTUDuQQsKpwfAy23XYeO3lcB8d6EPm18hlhjTC15bN/s1600/Blogger_icon2.gif" /></a></div>
<br />
<span class="list">1.<strong class="red">Ping送信</strong>が1つしかない</span><br />
<span class="list-small">Weblogsだけです。</span><br />
<span class="list">2.<b class="red">ラベルガジェット</b>の自由な並び替えができない</span><br />
<span class="list-small">あいうえお順か、投稿が多い順のみ。<br />
背の低い順に並ばされた小学校の朝礼かと思いました。</span><br />
<span class="list">3.<b class="red">次のブログ>></b>は意味不明なブログに飛ばされる</span><br />
<span class="list-small">これはヒドイ。<br />怒りを通り越して悲しくなります。</span><br />
<a name='more'></a><br />
<span class="list">4.記事編集の<b class="red">自動保存</b>を止められない</span><br />
<span class="list-small">間違って消してしまったときなどに保存されると凹みます。</span><br />
<span class="list">5.アップロードできるファイル形式は<b class="red">3つだけ</b></span><br />
<span class="list-small">この飽食の時代にjpg、gif、pngの3つだけ。<br />
原始時代かッ</span><br />
<span class="list">6.サポートの一部が<b class="red">英語</b>でウザい</span><br />
<span class="list-small">これはGoogleのすべてのサービスに言えるダメな点。<br />
同じアメリカ人ならFC2を見習えと言いたくなる。</span><br />
<span class="list sumi">7.「<b class="red">リンクを別のウィンドウで開く</b>」がない</span><br />
<span class="list-small">target_blankを手入力するのはとても疲れます。</span><br />
<span class="list">8.<b class="red">絵文字</b>の挿入がない</span><br />
<span class="list-small">サラッと使えるアイコンがないのは不便ですね。<br />
日本のギャルは生存不可能。</span><br />
<span class="list sumi">9.デフォルトで<b class="red">Navbar</b>が消せない</span><br />
<span class="list-small">このブログの一番上にあるバー。<br />
テンプレートをいじって消してもいいらしいけど、なぜこのバーだけ削除・追加の項目がないのか意味不明。</span><br />
<span class="list">10.<b class="red">ソーシャルアイコン</b>を選べない</span><br />
<span class="list-small"><b>B</b>はもちろん「はてブ」のシェアボタンなんだろうと思ったら、BloggerのBだったというオマケ付き。<br />
ツイッターだけとか選べず、誰も使ってないググタスなんかも一緒に強制表示されます。</span><br />
<span class="list">11.テンプレートデザイナーで<b class="red">padding</b>を調節できない</span><br />
<span class="list-small">CSSの知識が無くてもレイアウトを調節できる「テンプレートデザイナー」は便利なんですが、ちょっと中途半端ですね。</span><br />
<span class="list">12.プレビューしたときの「<b class="red">プレビュー</b>」の表示が邪魔</span><br />
<span class="list-small">リボンまで付けて「プレビュー」をアピールされてもねぇ。<br />
あれはどう考えても必要ない。</span><br />
<span class="list">13.プレビューのときに<b class="red">リンク</b>がアクティブにならない</span><br />
<span class="list-small">なにを恐れてこうなったのかが不明です。</span><br />
<span class="list sumi">14.<br>タグに<b class="red">clear属性</b>が使えない</span><br />
<span class="list-small">alignやfloatの解除が面倒です。</span><br />
<span class="list">15.<b class="red">リンクガジェット</b>のリンクを別ウィンドウで開けない</span><br />
<span class="list-small">targetさえ入れられないせつなさは、もはや怒りとなってこみ上げて来るものがあります。</span><br />
<span class="list">16.ガジェットの内容変更時に<b class="red">プレビュー</b>ができない</span><br />
<span class="list-small">サイドバーなどに設置したガジェットの内容を変更したときは、一旦公開して確認するしかありません。<br />
放送禁止用語が含まれてたらどうする! </span><br />
<span class="list">17.一度作成したラベルを<b class="red">削除できない</b> </span><br />
<span class="list-small">なんかやり方がありそうだけど全然消えませんorz</span><br />
<span class="list">18.<b class="red">HTMLタグ</b>が使えないガジェットがある
</span><br />
<span class="list-small">タグが使えたり使えなかったりとても不便です。</span><br />
<span class="list">19.統計から<b class="red">自分のIP</b>を除外できない</span><br />
<span class="list-small">俺氏始まるアクセス数がすごい。<br />
と思ったら全部自分だったという。</span><br />
<span class="list">20.エディタで画像を左右に表示すると<b class="red">float</b>を解除しない</span><br />
<span class="list-small">floatを自動挿入しておいてなぜclearしないのか。ライブドアやFC2のテキストエディタに慣れてる人は、Bloggerのテキストエディタの使い難くさに絶句すると思います。</span><br />
<br />
<br />
<br />
とまあ、思い当たるのはこのくらいですかね。<br />
・・・・いや、もう少し考えればまだありそうですw<br />
<br />
でも、なんだかんだ叫んだってBloggerを使っちゃうんだよな~<br />
<br />
なんでだろ? <br />
今度気が向いたら、Bloggerのいい点も書き出してみようと思います。<br />
<br />
<br />Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-5476908055354356993.post-34785755448112604972016-01-31T05:46:00.000+09:002016-02-03T06:14:03.431+09:00画像を横に並べる4つの方法<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="clear: both;">
</div>
<br />
さて本日は、HTMLで画像を横に並べて配置する方法を4つご紹介します。<br />
なにかと忘れやすいので、簡単なものから説明していきます。<br />
<br />
<a name='more'></a><br />
<br />
<h3 class="md" id="headline-1">
1.何もしない</h3>
<br />
何もせず<b>imgタグ</b>を並べます。imgタグはインライン要素なので、画像の大きさと表示場所にスペースがある限り横並びで表示されます。
<br />
<br />
・サンプル&コード<br />
<br />
<img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" /><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" /><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
<br />
<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
<img src="画像のURL" /><img src="画像のURL" /><img src="画像のURL" />
</textarea>
</div>
<br />
<br />
<br />
<h3 class="md" id="headline-2">
2.align属性を利用した画像の並べ方</h3>
<br />
<b>align="左右"</b>を追加すると、横方向の位置を指定できるようになります。CSSプロパティのfloatと同じ効果です。最後に<b>clear="both"</b>で回り込みを解除するだけのシンプルなもの。これだけでは細かい配置の自由度はありませんが、簡単さがミソ。<br />
<br />
<br />
・サンプル&コード<br />
<br />
<img align="left" alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
<img align="right" alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
<br />
<div style="clear: both;">
</div>
<br />
<div class="code">
<textarea class="code" cols="60" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="4">
<img align="left" src="画像のURL" />
<img align="right" src="画像のURL" />
<br clear="both">
</textarea>
</div>
<br />
<br />
ちなみに一部のブログなど、<br clear="both">が使えない環境の場合は、<div style="clear:both;"></div>でalignの回り込みを解除します。<br />
<br />
<br />
<br />
<h3 class="md" id="headline-3">
3.style属性を利用した画像の並べ方</h3>
<br />
<b>style</b>属性は、位置や色などのデザインをcssで細かく指定できます。そのため、floatやmarginなど少しだけcssの知識が必要になります。<br />
<br />
<br />
<a class="btn_act active" href="javascript:void(0);">サンプル&コード1</a> <a class="btn_act" href="javascript:void(0);">サンプル&コード2</a> <a class="btn_act" href="javascript:void(0);">サンプル&コード3</a>
<br />
<div align="left" class="motion" id="motion_area1">
<br />
<div style="float: left;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="clear: both;">
</div>
<br />
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="11">
<div style="float:left;">
<img src="画像のURL"/>
</div>
<div style="float:left;">
<img src="画像のURL"/>
</div>
<div style="float:left;">
<img src="画像のURL"/>
</div>
<br clear="both"/>
</textarea>
</div>
</div>
<div align="left" class="motion" id="motion_area2">
<br />
<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin: 20px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="clear: both;">
</div>
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="11">
<div style="float:left; margin: 20px;">
<img src="画像のURL"/>
</div>
<div style="float:left; margin: 20px;">
<img src="画像のURL"/>
</div>
<div style="float:left; margin: 20px;">
<img src="画像のURL"/>
</div>
<br clear="both"/>
</textarea>
</div>
</div>
<div align="left" class="motion" id="motion_area3">
<div style="float: left; margin-right: 10px; margin-top: 50px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin-left: 40px; margin-top: 30px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="float: left; margin-left: 50px;">
<img alt="サンプルイメージ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</div>
<div style="clear: both;">
</div>
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="12">
<div style="float:left; margin-right: 10px; margin-top: 50px;">
<img src="画像のURL"/>
</div>
<div style="float:left; margin: 5px;">
<img src="画像のURL"/>
</div>
<div style="float:left; margin-left: 100px;">
<img src="画像のURL"/>
</div>
<br clear="both">
</textarea>
</div>
</div>
<br />
<br />
<h3 class="md" id="headline-4">
4.tableタグを利用した画像の並べ方</h3>
<br />
<b>table</b>は表を挿入するタグですが、レイアウトにも利用できます。縦でも横でも自由に配置できるのが特徴です。<br />
<br />
<br />
<a class="btn_act active" href="javascript:void(0);">サンプル&コード1</a> <a class="btn_act" href="javascript:void(0);">サンプル&コード2</a> <a class="btn_act" href="javascript:void(0);">サンプル&コード3</a>
<br />
<div align="left" class="motion" id="motion_area4">
<br />
<table cellpadding="0" cellspacing="0"><tbody>
<tr>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
</tr>
</tbody></table>
<br />
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="14">
<table cellpadding="0" cellspacing="0"><tbody>
<tr>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
</tr>
</tbody></table>
</textarea>
</div>
</div>
<div align="left" class="motion" id="motion_area5">
<br />
<table cellpadding="0" cellspacing="30"><tbody>
<tr>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
</tr>
</tbody></table>
<br />
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="14">
<table cellpadding="0" cellspacing="30"><tbody>
<tr>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
</tr>
</tbody></table>
</textarea>
</div>
</div>
<div align="left" class="motion" id="motion_area6">
<br />
<table border="1" cellpadding="0" cellspacing="10" width="350" height="350" align="center"><tbody>
<tr>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
</tr>
<tr>
<td align="left"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td align="right"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td align="center"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
</tr>
<tr>
<td valign="top"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
<td valign="bottom"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" /></td>
<td valign="middle"><img alt="サンプルイメージ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_R9wTPNqQWFSoTKhQZ2i_T_LY0v29x9eKGLIpJBOVSjcp65IZ_cfDpuia4j47EcYIkSYvYxNroI2maZvee2vhTq2xiCMmkjCVvsfH9Qjyw3K_505QWZGVJWZhL8dCqFLLceJ7DPEOz2W/s1600/balanson.jpg" />
</td>
</tr>
</tbody></table>
<br />
<div class="code">
<textarea class="code" cols="70" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="14">
<table border="1" cellpadding="0" cellspacing="10" width="350" height="350"><tbody>
<tr>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
<td>
<img src="画像のURL" />
</td>
</tr>
<tr>
<td align="left">
<img src="画像のURL" />
</td>
<td align="right">
<img src="画像のURL" />
</td>
<td align="center">
<img src="画像のURL" />
</td>
</tr>
<tr>
<td valign="top">
<img src="画像のURL" />
</td>
<td valign="bottom">
<img src="画像のURL" />
</td>
<td valign="middle">
<img src="画像のURL" />
</td>
</tr>
</tbody></table>
</textarea>
</div>
</div>
<br />
<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5476908055354356993.post-80307366900555305002016-01-30T00:34:00.000+09:002017-03-24T17:48:44.009+09:00背景画像を透明にしてみよう!無料画像編集ソフト「JTrim」を使った透過gifの作り方<div align="center">
<div style="display: inline-block; text-align: center;">
透過前<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jFFtpMc6wpDMRjy2B_UQIbSkgPVOd9A1vxLyFvGlmNxiQX-c2zwesAfnH7tKYW0yPdIAk1PjWFU4AeQRDhc1cyl_RgK6ArQcDkw6bPtbmYneZbmLqHDxByelIyaOaY9bjQTryl3KEL62/s1600/abatar1.JPG" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;" title="画像を拡大"><img alt="透過する前のイラスト画像" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jFFtpMc6wpDMRjy2B_UQIbSkgPVOd9A1vxLyFvGlmNxiQX-c2zwesAfnH7tKYW0yPdIAk1PjWFU4AeQRDhc1cyl_RgK6ArQcDkw6bPtbmYneZbmLqHDxByelIyaOaY9bjQTryl3KEL62/s1600/abatar1.JPG" /></a>
</div>
<div style="display: inline-block; text-align: center;">
透過後<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAwazOzsuz8XCDv4AfeAEvcNNlhmeAlRZVRVL8O1_WHBn0JnzCBve9ZLhAri-TI30qM-cfYMM8ztLDFTCGUBJrAAdvTPQAYzVHO-ewwPGhBUlNIs54qMaiYBNJebg4ZRIXjgB4pk0i9Ni/s1600/abatar_touka.gif" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;" title="画像を拡大"><img alt="透過したイラスト画像" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAwazOzsuz8XCDv4AfeAEvcNNlhmeAlRZVRVL8O1_WHBn0JnzCBve9ZLhAri-TI30qM-cfYMM8ztLDFTCGUBJrAAdvTPQAYzVHO-ewwPGhBUlNIs54qMaiYBNJebg4ZRIXjgB4pk0i9Ni/s1600/abatar_touka.gif" /></a>
</div>
</div>
<br />
さて本日はイラストや写真など、画像の好きな部分を透明に加工する方法について記憶しておきます。<br />
<br />
これはいわゆる「透過」という画像編集のワザ。ただパソコンで透過を行うには画像編集のツールが必要になる。そこで今回は無料の画像編集ソフト「<b><span style="color: red;">JTrim</span></b>」を使います。<br />
<br />
ではやり方を見ていきましょう。<br />
<br />
<a name='more'></a><br />
<br />
<h3 class="md" id="headline-1">
JTrimを手に入れる</h3>
<br />
こちらで公開しています。<br />
<br />
【フリーソフト】 <a href="http://www.vector.co.jp/soft/win95/art/se108932.html" class="gaibu" rel="nofollow" title="サイトを参照">JTrim</a><br />
<br />
Win 8やWin 10に関する記述がありませんが、どちらもおおむね良好に動作するとのこと。実際自分もWin 10で使っているわけですが、問題なく動いています。<br />
<br />
<br />
<br />
<h3 class="md" id="headline-2">
透過したい場所を塗りつぶす</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3sUrq76IOCqUF0t0LQNSbyL533pacNBQHbpWjj3Xdx3P0mTHTiKqvauv9K_wSm-fqtzM4ZTAxojeZIGHkQKUlJS0XVRrwhA6Z6mXNuIFV5HAbjRbv7p7fgHMM2m31GSlH_vvfkQsOjzN/s1600/jtrim_touka.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="背景画像を塗りつぶす方法" class="gazou70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3sUrq76IOCqUF0t0LQNSbyL533pacNBQHbpWjj3Xdx3P0mTHTiKqvauv9K_wSm-fqtzM4ZTAxojeZIGHkQKUlJS0XVRrwhA6Z6mXNuIFV5HAbjRbv7p7fgHMM2m31GSlH_vvfkQsOjzN/s1600/jtrim_touka.JPG" /></a></div>
<br />
JTrimを起動したら、 透過したい画像を余白にドラッグ&ドロップ。<br />
<br />
続いてメニューアイコンから「塗りつぶし」を選択。<br />
<u>残したい画像に使われてないような色を使って</u>、透過したい場所を塗りつぶします。「許容範囲」のつまみで、塗りつぶしの強さを調節しながらギリギリのところまでやります。このとき、「虫眼鏡のアイコン」で<b><span style="color: red;">画像を大きめに拡大してから</span></b>やるのがミソです。 <br />
<br />
もし失敗しても、「戻るボタン」で戻れるので心配はいりません。うまくいくまで繰り返しトライです。<br />
<br />
<br />
<h3 class="md" id="headline-3">
透過する色を選択する</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnNFtxcOBk4zLhDih7ohBAXVOAon8-YgSOba1qZozu_l00cGxGo2TeT3SW34hUQEWb90xFQJF6dKf2YsKZGNukFLsnsL-DtcMyZT1rtpRycSlD8ZU-bCWppEMg17QSp5VZ1LHthZ9d30t/s1600/jtrim_touka2.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="背景画像を透過する方法" class="gazou70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnNFtxcOBk4zLhDih7ohBAXVOAon8-YgSOba1qZozu_l00cGxGo2TeT3SW34hUQEWb90xFQJF6dKf2YsKZGNukFLsnsL-DtcMyZT1rtpRycSlD8ZU-bCWppEMg17QSp5VZ1LHthZ9d30t/s1600/jtrim_touka2.JPG" /></a></div>
<br />
塗りつぶしが終わったら、スポイトのようなアイコンから透過する色を選択。 例えば黄色を選択すると、その部分が透明であることを示すタイル模様に変わります。<br />
<br />
この状態で「ファイル」 → 「名前を付けて保存」をすれば完了。<br />
その際、<b><span style="color: red;">gifまたはpngファイルで保存する</span></b>ことを忘れずに。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfGnDXg6siTPSZ1dwn3LxqlSAs2tBnTJ_mGjsNQgDkkQ0HMxqWwMDJ_g6ZCtB_mF46SjgFEF2FkJ3AtPZjQGjDzIGcozTv3vq_FF1ICkGVfLsB8bHqQjH1bbt3T85yK1PYz9xwCy6CKCD/s1600/jtrim_icon.gif" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" title="画像を拡大"><img alt="JTrimを使って作成したアイコン" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfGnDXg6siTPSZ1dwn3LxqlSAs2tBnTJ_mGjsNQgDkkQ0HMxqWwMDJ_g6ZCtB_mF46SjgFEF2FkJ3AtPZjQGjDzIGcozTv3vq_FF1ICkGVfLsB8bHqQjH1bbt3T85yK1PYz9xwCy6CKCD/s1600/jtrim_icon.gif" /></a></div>
JTrimは無料なわりに軽くて多機能な画像編集ソフトです。色の透過だけではなく切り抜きや文字入れ、サイズや拡張子の変更、あるいは左記のような簡単なアイコン?も作れます。<br />
<br />
<br />Unknownnoreply@blogger.com35tag:blogger.com,1999:blog-5476908055354356993.post-46865001593372544412016-01-28T05:09:00.000+09:002016-01-31T19:54:18.832+09:00Amazonポイント対象商品の探し方<br />
ショッピングモールのAmazon(アマゾン)には、<b>Amazonポイント</b>というポイントサービスがあります。<br />
<br />
しかしAmazonポイントはごく一部の商品にしか付与されないため、商品を検索してもなかなかポイント対象商品を見つけられません。そこで今回は、このAmazonポイント対象商品を見つけやすくする方法をご紹介します。<br />
<a name='more'></a><br />
<h3 class="md-blue" id="headline-1">
キャンペーンから探す方法</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpYkDSTABKbQp_7jxCCNtzmvw2MBmnqmfwZQaEAzqoINTaLFq7lFsr2WJh2nAqOHtOUHWVghyphenhyphen5U070urMHm4NPvz7iW3qR2HQhG659Q5BL4L-rS6SIsay6a-oZZ-wJDhj13zupUzRBZiDu/s1600/kindle_amazon.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Amazonの検索バー" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpYkDSTABKbQp_7jxCCNtzmvw2MBmnqmfwZQaEAzqoINTaLFq7lFsr2WJh2nAqOHtOUHWVghyphenhyphen5U070urMHm4NPvz7iW3qR2HQhG659Q5BL4L-rS6SIsay6a-oZZ-wJDhj13zupUzRBZiDu/s1600/kindle_amazon.png" /></a></div>
<br />
まず一つ目がキャンペーンから見つける方法です。amazonには、初めからポイント還元される商品だけを集めている特集ページがあります。これらのページで紹介されているものは、すべてポイント対象商品です。<br />
<br />
<br />
<ul class="link">
<li>【Kinble】</li>
<li><span class="ad">
<a href="http://www.amazon.co.jp/b/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&node=3085855051&tag=omoidase-22" target="_blank">最大20%還元 -kindle-</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" /> <a href="https://www.amazon.co.jp/b/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&node=3338929051&pf_rd_i=2632478051&pf_rd_m=AN1VRQENFRJN5&pf_rd_p=283895869&pf_rd_r=BXVWAER7S1FBHDM9HBYY&pf_rd_s=merchandised-search-left-5&pf_rd_t=101&tag=omoidase-22" target="_blank">kindleセレクト25</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" />
</span></li>
</ul>
<ul class="link">
<li>【セット本】</li>
<li><span class="ad"><a href="http://www.amazon.co.jp/%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%BB%E3%83%83%E3%83%88-%E5%85%A8%E5%B7%BB%E3%82%BB%E3%83%83%E3%83%88-%E5%92%8C%E6%9B%B8/b/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&node=2284422051&pf_rd_i=465392&pf_rd_m=AN1VRQENFRJN5&pf_rd_p=282753569&pf_rd_r=0NDNC1XWDAF5NPQJJ9NX&pf_rd_s=merchandised-search-leftnav&pf_rd_t=101&tag=omoidase-22" target="_blank">10%還元 -コミックセット-</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" /></span></li>
</ul>
<ul class="link">
<li>【特集】</li>
<li><span class="ad">
<a href="https://www.amazon.co.jp/Amazon%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88/b/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&node=2632478051&tag=omoidase-22" target="_blank">Amazonポイント特集ページ</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" />
</span></li>
</ul>
<br clear="both" />
<br />
<h3 class="md-blue" id="headline-2">
検索で探す方法</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYJKm5ROA7ZbfmJNnPkJqdj3dVMVzrF-BzLWi5rq5dssknVgBBZVEzzjX7x67JEZvyOxZSThvGJqNRy-9_Cwwte9OLK49vwbOJN7gSGQ57MRgP_tY0fKXRzrU_r_y3rwmnMH6iADPVP2OB/s1600/2016-01-28_02h16_37.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Amazonの検索結果" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYJKm5ROA7ZbfmJNnPkJqdj3dVMVzrF-BzLWi5rq5dssknVgBBZVEzzjX7x67JEZvyOxZSThvGJqNRy-9_Cwwte9OLK49vwbOJN7gSGQ57MRgP_tY0fKXRzrU_r_y3rwmnMH6iADPVP2OB/s1600/2016-01-28_02h16_37.png" /></a></div>
<br />
検索から探すことも可能です。試しに「Gショック」で検索してみましょう。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHc4Tt5DCKNiv-m9gXPXRwW1yJB14kbpRSbXUVh0lu9dynPZrKyCqekMaaYPZhirKQuRf2I4qLqOELVbzebMU5E2eCHeWmV5WXKbuSG1V7G_vtPns9Kgv78QTQ9woGbFf-LKvU8AQdHAVE/s1600/2016-01-28_02h14_22.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="商品のカテゴリ" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHc4Tt5DCKNiv-m9gXPXRwW1yJB14kbpRSbXUVh0lu9dynPZrKyCqekMaaYPZhirKQuRf2I4qLqOELVbzebMU5E2eCHeWmV5WXKbuSG1V7G_vtPns9Kgv78QTQ9woGbFf-LKvU8AQdHAVE/s1600/2016-01-28_02h14_22.png" /></a></div>
<br />
すると左側のメニューに「ポイント対象商品」の選択肢が現れます。そこへチェックを入れた後、表示された商品がAmazonポイントの対象商品です。<br />
<br />
なお、Amazonポイントは一部の商品にしか付与されません。そのためすべての検索結果にチェックボックスが表示されるわけではないようです。ポイント対象商品が見つかる主な検索結果には、以下のようなものがあります。<br />
<br />
<br />
<ul class="link">
<li>【Gショック】</li>
<li><span class="ad">
<a href="http://www.amazon.co.jp/s/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&field-keywords=G%E3%82%B7%E3%83%A7%E3%83%83%E3%82%AF&linkCode=ur2&tag=omoidase-22&url=search-alias%3Daps" target="_blank">「Gショック」の検索結果</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" />
</span></li>
</ul>
<ul class="link">
<li>【マウス】</li>
<li><span class="ad"><a href="http://www.amazon.co.jp/s/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&field-keywords=%E3%83%9E%E3%82%A6%E3%82%B9&linkCode=ur2&tag=omoidase-22&url=search-alias%3Daps" target="_blank">「マウス」の検索結果</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" /></span></li>
</ul>
<ul class="link">
<li>【キーボード】</li>
<li><span class="ad">
<a href="http://www.amazon.co.jp/mn/search/ref=as_li_ss_tl?_encoding=UTF8&camp=247&creative=7399&field-keywords=%E3%83%9E%E3%82%A6%E3%82%B9&linkCode=ur2&tag=omoidase-22&url=search-alias%3Daps" target="_blank">「キーボード」の検索結果</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" />
</span></li>
</ul>
<br clear="both" />
<br />
<h3 class="md-blue" id="headline-3">
カテゴリーから見つける方法</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKGtweRN003FHq2ofYsq4mA7e-RXbETv2SfXLiOe3fKE5brLKv_yaz5btnHM4GDSGw_cFbKRuwr7seusBfQ67X4fQ1q8nJdOR-NGTxBoMmhhQLkylOYzxUORCVqVgUkw-OXEu_lWSKGgK/s1600/2016-01-28_06h02_20.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="ファッションのカテゴリー" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKGtweRN003FHq2ofYsq4mA7e-RXbETv2SfXLiOe3fKE5brLKv_yaz5btnHM4GDSGw_cFbKRuwr7seusBfQ67X4fQ1q8nJdOR-NGTxBoMmhhQLkylOYzxUORCVqVgUkw-OXEu_lWSKGgK/s1600/2016-01-28_06h02_20.png" /></a></div>
<br />
カテゴリーから見つける方法です。「すべてのカテゴリーページ」を開きます。
<br />
<br />
<ul class="link">
<li>【カテゴリー】</li>
<li><span class="ad"><a href="http://www.amazon.co.jp/gp/site-directory/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&linkCode=ur2&tag=omoidase-22" target="_blank">Amazonすべてのカテゴリー</a><img alt="" border="0" height="1" src="https://ir-jp.amazon-adsystem.com/e/ir?t=omoidase-22&l=ur2&o=9" style="border: none !important; margin: 0px !important;" width="1" /></span></li>
</ul>
<br />
<br clear="both" />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzraUZj5-o2F2MSfzd2_pp7apj6SGxVytwNxg6xWQyJ8QfHEhy8XeHwZvn_RSWKrsDvu_VdA-fQehGi9ZGNynuYGZ8SpC4njDtQmEaArCc2IeAW-8kTz3EWgLlyLux7QaoasTiBlrmDlL/s1600/2016-01-28_05h52_46.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="ポイント対象商品" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzraUZj5-o2F2MSfzd2_pp7apj6SGxVytwNxg6xWQyJ8QfHEhy8XeHwZvn_RSWKrsDvu_VdA-fQehGi9ZGNynuYGZ8SpC4njDtQmEaArCc2IeAW-8kTz3EWgLlyLux7QaoasTiBlrmDlL/s1600/2016-01-28_05h52_46.png" /></a></div>
<br />
カテゴリーを選び、左側の「ポイント対象商品」をチェックすると対象商品が並びます。ここでもすべてのカテゴリーでポイントが付与されるわけではありません。
<br />
<br />
<h3 class="md-blue" id="headline-4">
見つからない場合</h3>
<br />
<p>「ポイント対象商品」のチェックを入れたのに見つからない場合は、<b>他のショップ</b>にある可能性があります。その場合、以下を試してみてください 。 </p>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuUH1E3mHYrQXhaMqmqCWkIrwubsCmFEAex6NZtLVA_RYS4doPp_ZAxnAs9PrkWyID4UA9mEtd5UQhtiDjaa5X4UdZ65KvuDAqTzwEEdIWHSsg5hyqANacV-a0AD3l2vnbhYVH2ZFhk2c/s1600/2016-01-28_04h55_14.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Amazonポイント対象商品" class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuUH1E3mHYrQXhaMqmqCWkIrwubsCmFEAex6NZtLVA_RYS4doPp_ZAxnAs9PrkWyID4UA9mEtd5UQhtiDjaa5X4UdZ65KvuDAqTzwEEdIWHSsg5hyqANacV-a0AD3l2vnbhYVH2ZFhk2c/s1600/2016-01-28_04h55_14.png" /></a></div>
<br />
「ポイント対象商品」にチェック→「商品をクリック」→「新品の出品、または中古の出品をクリック」→「左側にAmazonポイントのラジオボタンがあるのでクリック」→「ポイント対象商品のショップが表示される」<br />
<br />
<br />
以上です。しかしなぜAmazonは全商品からポイント対象商品だけを探せるカテゴリーを作らないのか不思議ですよね。ポイント付与率で購入を決めるって人も結構いると思うんですが。<br />
<br />
<br />Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-5476908055354356993.post-69645940503885980552016-01-26T22:43:00.000+09:002016-01-31T12:59:50.243+09:00FC2ブログのスマートフォンサイトの「動く広告」は削除できるらしい<br />
FC2ブログのスマートフォンサイトに自動的に表示される広告。正式になんて呼ぶのかは知りませんが、「<b>オーバーレイ</b>」あるいは「<b>フローティング</b>」って言うんでしょうか。上に行くと下に出て、下に行くと上に出るやつです。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNmj77Nolk6IUuFJYr47Jm3_gHQ0GZoKyMQNa14XIgcYzMp3evnaM2sv83j6bmxoWQOS1ba-IseY4Ids8hIxI_EPD_dGB7Juap6wXla4-M_-SioORLxB-EE4FDadhr1CA-vKAWzkk8FrGf/s1600/fc2-overay.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="FC2ブログのスマートフォン広告" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNmj77Nolk6IUuFJYr47Jm3_gHQ0GZoKyMQNa14XIgcYzMp3evnaM2sv83j6bmxoWQOS1ba-IseY4Ids8hIxI_EPD_dGB7Juap6wXla4-M_-SioORLxB-EE4FDadhr1CA-vKAWzkk8FrGf/s400/fc2-overay.jpg" /></a></div>
<br />
<a name='more'></a><br />
FC2のサポートにメールで確認したところ、これは<b>削除してもいい</b>とのこと。<br />
<br />
<br />
<h3 class="md-blue" id="headline-1">
FC2ブログのスマートフォン広告の規約とは</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3wY9uMoaHdQvR62RuP2HzF-rdX7hO2JnDJHSfb1VnwKLkv5yKRp44LjcOQCZz1LdAMmqEaZOXKDKbVfer4aDMxDSxCJoCbSyHRIO3cCe24VHqo6B6ajhg4A6ok28fsExPwqEeLdT4XeXv/s1600/fc2_ad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="広告の規約" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3wY9uMoaHdQvR62RuP2HzF-rdX7hO2JnDJHSfb1VnwKLkv5yKRp44LjcOQCZz1LdAMmqEaZOXKDKbVfer4aDMxDSxCJoCbSyHRIO3cCe24VHqo6B6ajhg4A6ok28fsExPwqEeLdT4XeXv/s400/fc2_ad.jpg" /></a></div>
<br />
・FC2ブログ公式マニュアル<br />
<a href="http://fc2blogmanual.blog60.fc2.com/blog-entry-153.html" class="gaibu" target="_blank">http://fc2blogmanual.blog60.fc2.com/blog-entry-153.html</a><br />
<br />
<br />
FC2ブログのマニュアルによると、スマートフォンテンプレートでの広告の表示義務は<%ad>と<%ad2>の2つ。もっとも邪魔な広告である<%ad_overray>については、ユーザーの判断で改変可能です。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWeVAn0lSrHiX19B3mHRe2jm3Uue8ZI9wLayosK1-QWeslAs68MYnF06Mp6D320Npyxm1x8RuSQ5Yu9K6kI4tJY2J6JLZ0KJyI2FEfE6rf-rcbJxbJ1STW6twKyOiGDOdN8a0KeZlz0hhh/s1600/fc2_ad2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="広告の表示場所" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWeVAn0lSrHiX19B3mHRe2jm3Uue8ZI9wLayosK1-QWeslAs68MYnF06Mp6D320Npyxm1x8RuSQ5Yu9K6kI4tJY2J6JLZ0KJyI2FEfE6rf-rcbJxbJ1STW6twKyOiGDOdN8a0KeZlz0hhh/s400/fc2_ad2.jpg" /></a></div>
<br />
<br />
そして広告を表示させる場所についても決まりはないようで、デフォルトでヘッダーとフッターに表示されてる広告の位置を動かしても問題ないとのこと。<br />
<br />
<br />
<h3 class="md-blue" id="headline-2">
オーバーレイを削除する方法</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28CvBSOv2WHdoE-_bkPDAvLmNCsOHTcI9vnLexJds98U-8qmfnSJaG3bY8KLnV6I0Wz23TlFdxdN4LYE6x8yy3VFq78N1Qg9sbftQL52EZAt6Fu7i-OHGIgzzWUoULhypkPKH-HqxmqVr/s1600/fc2_ad3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="スマートフォンテンプレートの削除箇所" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28CvBSOv2WHdoE-_bkPDAvLmNCsOHTcI9vnLexJds98U-8qmfnSJaG3bY8KLnV6I0Wz23TlFdxdN4LYE6x8yy3VFq78N1Qg9sbftQL52EZAt6Fu7i-OHGIgzzWUoULhypkPKH-HqxmqVr/s400/fc2_ad3.jpg" /></a></div>
<br />
ということでスマートフォンテンプレートから<%ad_overay>を削除しました。上記のタグを取り除くだけで完了です。FC2のスマートフォンサイトは広告だらけだったので、これをやるだけで随分とスッキリとした印象になります。<br />
<br />
<br />
チキチキもFC2ブログ暦3年程度にしてこれは最近知った事実。どうやら知らずに放置してブログの収益を最適化できずにいたようです。オーバーレイ広告は広告代理店からも提供されているので、早いうちに外すなり自分の広告に差し替えた方が良いかもしれません。<br />
<br />
<br />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5476908055354356993.post-66648773631619339632016-01-25T18:15:00.000+09:002016-02-02T05:41:19.605+09:00JavaScriptを外部ファイル化してブログで使う方法さて今回は、ファイル形式で公開されているJavaScript(ジャバスクリプト)を、外部ファイル化してブログで利用する方法をご紹介します。<br />
<br />
アクセス解析タグのように、ただ単純にコピペして貼り付けをすれば使えるスクリプトもありますが、ファイル形式のものをダウンロードして使うスクリプトの場合は少し手間が必要になります。<br />
<br />
<table cellspacing="10"><tbody>
<tr><td>例えば右記のような画像拡大のスクリプト。<br />
<br />
あるいは下記のようにタブで表示の切り替えができるスクリプトなどはそれなりに記述も多く、単純に「コピペして完了」とはいきません。
</td>
<td><a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjjadd4xEb_Ypn5XT0ZAWddy7A9hLOju4b55dJoN4efMLaWVsv-jfbrWoB-FvGyPOBEO6YB9O90iQqZ3RP2hEreVWrxK-HcPGnxjN6WE6hHUhRcUqUTX4gLbwg3Cw_Ro2e-VaJrXLQFGEm/s1600/7326.jpg" id="zoom2" rel="position:'inside', adjustX: 0, adjustY:0, softFocus:false, smoothMove:3, tint: '#ff0000', tintOpacity:0.4"><img alt="サンプル" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjjadd4xEb_Ypn5XT0ZAWddy7A9hLOju4b55dJoN4efMLaWVsv-jfbrWoB-FvGyPOBEO6YB9O90iQqZ3RP2hEreVWrxK-HcPGnxjN6WE6hHUhRcUqUTX4gLbwg3Cw_Ro2e-VaJrXLQFGEm/s1600/7326.jpg" title="寝袋" width="250px" /></a>
</td></tr>
</tbody></table>
<br />
<br />
<div align="center">
<a class="btn_act active" href="javascript:void(0);">1.このように、ここの</a> <a class="btn_act" href="javascript:void(0);">2.リンクをクリックすると</a> <a class="btn_act" href="javascript:void(0);">3.内容が変わります</a>
<br />
<div align="left" class="motion" id="motion_area1">
<br />
<br />
<a href="http://www.google.co.jp/" rel="nofollow" title="サイトを参照">Google</a>へ<br />
<a href="http://www.yahoo.co.jp/" rel="nofollow" title="サイトを参照">Yahoo!</a>へ<br />
<a href="http://jp.msn.com/" rel="nofollow" title="サイトを参照">MSN</a>へ
</div>
<div align="left" class="motion" id="motion_area2">
<br />
<br />
小スペースに色々な内容が詰め込めます。文字だけではなく写真の表示もできます。
</div>
<div align="left" class="motion" id="motion_area3">
<br />
<br />
<img align="left" alt="サンプル" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjjadd4xEb_Ypn5XT0ZAWddy7A9hLOju4b55dJoN4efMLaWVsv-jfbrWoB-FvGyPOBEO6YB9O90iQqZ3RP2hEreVWrxK-HcPGnxjN6WE6hHUhRcUqUTX4gLbwg3Cw_Ro2e-VaJrXLQFGEm/s1600/7326.jpg" width="100" />
歩ける寝袋です。</div>
</div>
<div style="clear: both;">
</div>
<br />
<br />
<a name='more'></a><br />
では導入手順を見ていきましょう。<br />
<br />
<br />
<h3 class="md" id="headline-1">
スクリプトを用意する</h3>
<br />
まず、ブログに追加したい機能のスクリプトを入手します。<br />
<br />
スクリプトの配布サイトでは、ファイルをダウンロードする所と、スクリプトのソースコードだけを公開してる所の主に2種類があります。ダウンロードしたスクリプトのファイルの中身には、大抵の場合で以下のような色々な形式のファイルが入っています。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEC2NDjaHsrBF4xKBf7jxl_dy65Z6TaYwuc6zy5bN09vGuRrhrApamf-8o5WIypoPQ7UrGZlkj3jffqJ7loJY9YMB-KE0hJ0F4XB3DlZAAGGmFG0cH3Iwt33iHwOaOLOX_lJTMBZBdnO6/s1600/script_file.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img class="gazou80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEC2NDjaHsrBF4xKBf7jxl_dy65Z6TaYwuc6zy5bN09vGuRrhrApamf-8o5WIypoPQ7UrGZlkj3jffqJ7loJY9YMB-KE0hJ0F4XB3DlZAAGGmFG0cH3Iwt33iHwOaOLOX_lJTMBZBdnO6/s400/script_file.JPG" title="ダウンロードしたスクリプトの中身" /></a></div>
<br />
<br />
このうち配布サイトで指示されているファイルだけをアップロードして使用するわけですが、一般的には画像ファイル、Jsファイル、CSSファイル(カスケードスタイルシート)を使用します。<br />
<br />
加えてあとで記事部分に記述するHTMLも必要になりますので、<body>~</body>にどのように記述すればよいのか、配布サイトで公開してるHTMLをメモ帳などにコピペしておきましょう。<br />
<br />
一方、スクリプトのソースコードだけを公開してる所は、一旦メモ帳に「名前をつけて保存」しファイルの拡張子を「.Js」へ変更して利用します。スタイルシートの場合は、「.css」とします。<br />
<br />
<br />
<h3 class="md" id="headline-2">
Js、CSS、画像をアップロード</h3>
<br />
ファイルがそろったら、拡張子が「.Jsや.css」、または「.gifや.pngや.jpg」となっているファイルをそれぞれアップロードします。<br />
<br />
アップロードする場所がない場合は、<a href="http://fc2.com/" target="_blank" rel="nofollow" class="gaibu" title="サイトを参照">FC2ブログかFC2ホームページ</a>が、それらのファイル形式の無料アップロードに対応しています。そこから別のブログ、たとえばこのBloggerでも使うことができます。<br />
<br />
まず、ダウンロードしたJsファイルの中に画像ファイル(gifやpng)が含まれている場合ですが、アップロードした画像ファイルのURLをCSSファイルの指定場所に記入しましょう。これを怠ると画像ファイルが表示されません。<br />
<br />
・サンプルコード
<br />
<div class="code">
<textarea class="code" cols="90" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
(../image.gif)
</textarea>
</div>
<br />
指定場所というのは、上記のように画像URLの拡張子が画像ファイルになっている部分です。自分でアップロードした画像URLに書き換えて保存します。
<br />
<br />
その後、CSSファイルもアップロードします。CSSファイルをアップロードしたら、下記のサンプルコードのhref=' 'の部分にURLを記入し、<HEAD>~</HEAD>内に記述します。<br />
<br />
・サンプルコード
<br />
<div class="code">
<textarea class="code" cols="90" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
<link href='ここにアップロードしたCSSファイルのURL' rel='stylesheet' type='text/css'/>
</textarea>
</div>
<br />
しかしCSSファイルは、すでにブログで使っているスタイルシートへ <u><b style="color: red;">単純にコピペした方が早い</b></u> と思います。<br />
<br />
現在はほとんどのブログがスタイルシートに対応しているはずですので、既存のスタイルシートを利用すれば後々デザインを変更したい場合にすぐに対応できます。ですので、上記にあるCSSのアップロード手順は、既存のスタイルシートを簡潔に保ちたいような場合にのみ実施すると良いと思います。CSSファイルは、原則<b>コピペ推奨</b>です。<br />
<br />
次にスクリプト(Jsファイル)ですが、スクリプトは手を加えずにそのままアップロードしてください。<br />
<br />
<br />
<h3 class="md" id="headline-3">
HEADへスクリプトを記述する</h3>
<br />
実際のところ、スクリプトについてもアップロードせずにそのままHEAD内にコピペするだけで動作します。しかしスクリプトの文字の羅列だけで数百行も占領してしまっては、HEADの中が醜くなってしまいます。<br />
<br />
ちなみにそのまま貼り付ける場合は、下記のような記述でスクリプトのソースコードを囲み、HEAD内にコピペします。<br />
<br />
・サンプルコード
<br />
<div class="code">
<textarea class="code" cols="90" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="6">
<script type="text/javascript">
ここに「var や function」と記述されてるようなスクリプトのソースコードを入力
</script>
</textarea>
</div>
<br />
<br />
しかし一般的には、別の場所にアップロードしたスクリプトファイルを読み込んでいるサイトの方が多いです。このことを「外部ファイル化」と言いますが、これは下記のコードをHEAD内に記述するだけですので、必要なスペースは1、2行で済みます。 <br />
<br />
・サンプルコード
<br />
<div class="code">
<textarea class="code" cols="90" name="textarea1" wrap="hard" onfocus="this.select()" readonly="readonly" rows="3">
<script src='ここにアップロードしたJsファイルのURL' type='text/javascript'/></script>
</textarea>
</div>
<br />
<br />
<br />
<h3 class="md" id="headline-4">
スクリプトの利用を宣言する</h3>
<br />
記事部分(body)に記述する内容は、それぞれのスクリプトによって異なります。通常はスクリプトの配布サイトなどで、<body>~</body>の間に記述するよう指示されているものがそれです。<br />
<br />
例えば<div class=" "> </div>のように、class=" "属性でスクリプトの利用を宣言するようなものが多く目立ちます。<br />
<br />
<pre></pre>
また、スクリプトはブログのプレビューや下書きの段階ではうまく動作しない場合もありますので、動作しない場合は<u>試験的に公開したページ</u>でテストしてみてください。<br />
<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5476908055354356993.post-57862653685035331482016-01-24T07:33:00.000+09:002016-01-28T06:37:02.473+09:00Bloggerに「カテゴリ」(ラベル)を追加する方法Bloggerでは、プラグインのことを「<b>ガジェット</b>」と呼んでたりしますので、Blogger初心者の方は管理者画面を見てちょっと戸惑うかもしれません。<br />
<br />
ちなみにBloggerでは他のブログサービスでカテゴリと言われてる機能も見当たりませんが、「<b>ラベル</b>」という機能がそれとほぼ同様の役割を果たしています。<br />
<br />
今回はそのラベルの使い方をご紹介します。<br />
<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGywBAJTeONPsK4bxoWt22WzJAV0q_fXoJvio0JaagoJtlj6-RY1cw30aqlQ5zdwwyXxVeXKN2q93zqC4R3dAsj460oxihi6NKhP0MsX6LB22ODegT02EBBG7Ts9UTFgGk8khCH9gC89y/s1600/Blogger_category.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Bloggerのレイアウト画面" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGywBAJTeONPsK4bxoWt22WzJAV0q_fXoJvio0JaagoJtlj6-RY1cw30aqlQ5zdwwyXxVeXKN2q93zqC4R3dAsj460oxihi6NKhP0MsX6LB22ODegT02EBBG7Ts9UTFgGk8khCH9gC89y/s400/Blogger_category.JPG" /></a></div>
<br />
まずレイアウトの画面から「<b>ガジェットの追加</b>」を選択します。ガジェットの場所はD&Dで後から自由に変更できるので、とくに場所は選びません。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj14tYaANWeMitS6w7qse9dKpjwM6mrPskmWe3FYR2o97g5zjMiiXp-iYCOZH6jQvMoSs7x3HoxGm6Iof8NUqNR3n1CwzR6rQtLYc-pyTBN3WRQpQ2CipG8jR62H2t_d0nmBmKNlesdfdGl/s1600/Blogger_category_label.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Bloggerのガジェット画面" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj14tYaANWeMitS6w7qse9dKpjwM6mrPskmWe3FYR2o97g5zjMiiXp-iYCOZH6jQvMoSs7x3HoxGm6Iof8NUqNR3n1CwzR6rQtLYc-pyTBN3WRQpQ2CipG8jR62H2t_d0nmBmKNlesdfdGl/s400/Blogger_category_label.JPG" /></a></div>
<br />
現れたガジェット一覧の中にある「ラベル」を追加します。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UeSXec7OL7idQ6LJhyphenhyphenU11G7N33Z4GEmjK4trrWiHYlADWxRd69EvMJQ5MJ_QdNtPcHvcLvAK175lxg8eGaaIwIFbToxLeUO_csVCwKMT-VIX4UHyNl3FfpbvGDi7sZuF4H3QiK7hj5Xv/s1600/Blogger_category_label2.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Bloggerでラベルを追加する場面" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UeSXec7OL7idQ6LJhyphenhyphenU11G7N33Z4GEmjK4trrWiHYlADWxRd69EvMJQ5MJ_QdNtPcHvcLvAK175lxg8eGaaIwIFbToxLeUO_csVCwKMT-VIX4UHyNl3FfpbvGDi7sZuF4H3QiK7hj5Xv/s400/Blogger_category_label2.JPG" /></a>
</div>
<br />
記事の編集画面で右側の設定を開きます。そこへカテゴリにしたい単語を入力して、完了をクリックしてください。一度追加したラベルはそれ以降、選択できるようになります。<br />
<br />
あなたのBloggerのインターフェイスが写真と違う場合は、記事編集画面のどこかに<b>ラベル</b>の表記があるはずですので、そちらに記入してください。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUndbkPkZ4szdjMi5h5RBK75HBhU-yN8YANwUWcb5oPViQQx0cVzmwp_2vYCRMnXKvMupeRgeSPM9Wvgy1fC6SAXb5MR4TLkY0lCv2nC6r_nbxt2l12bisolsp7WeCN_IskgKuMsuglSNm/s1600/Blogger_category_label3.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="ラベルの設定してる様子" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUndbkPkZ4szdjMi5h5RBK75HBhU-yN8YANwUWcb5oPViQQx0cVzmwp_2vYCRMnXKvMupeRgeSPM9Wvgy1fC6SAXb5MR4TLkY0lCv2nC6r_nbxt2l12bisolsp7WeCN_IskgKuMsuglSNm/s400/Blogger_category_label3.JPG" /></a>
</div>
<br />
<br />
再びレイアウトに戻り、ラベルの「編集」から設定画面を開き、表示するラベルについてお好みで調節をします。現状として<b>自由な並び替え</b>は出来ないようですね 。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHy-e-zuy8KxllXayd-97BkQGSs_Tdn9GwY2478W_KboAQ9tgsCKa4Q1lRrk5onR1kmfIc-vbK9Q3EvVioPbW8RNokqhbr3zxhrq-tTYhP04pJZ9bg_ePyiWOCJIMkgvxT5Af9Re2YXLIs/s1600/Blogger_category_label4.JPG" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" title="画像を拡大"><img alt="Bloggerのラベル" class="gazou" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHy-e-zuy8KxllXayd-97BkQGSs_Tdn9GwY2478W_KboAQ9tgsCKa4Q1lRrk5onR1kmfIc-vbK9Q3EvVioPbW8RNokqhbr3zxhrq-tTYhP04pJZ9bg_ePyiWOCJIMkgvxT5Af9Re2YXLIs/s400/Blogger_category_label4.JPG" /></a></div>
<br />
するとこのように、ラベルをレイアウトした場所に事実上のカテゴリが表示されます。記事の編集画面で同じラベルを指定すれば、そのエントリーがラベルに追加されていきます。 <br />
<br />Unknownnoreply@blogger.com1