tag:blogger.com,1999:blog-77021597496059837392024-03-21T05:54:29.757+09:00Googleでブログを作ってみようBloggerはGoogleの運営する無料ブログサービス。広告が表示されない。無料で100個までブログを作ることができる。独自ドメイン運営にもサーバー代がかからない。メリットの大きい無料ブログなのだが、ちょっと癖があるのと日本語の情報が少ないのが欠点。そんなBloggerでブログを作ってみようと思う。Unknownnoreply@blogger.comBlogger26125tag:blogger.com,1999:blog-7702159749605983739.post-55026930479563119932014-09-28T23:29:00.000+09:002014-09-29T00:10:54.894+09:00Bloggerのファビコン(favicon)を変えてみよう<p> GoogleBloggerのファビコン(favicon)を変えてみよう。</p>
<p> Googleの運営する無料ブログBloggerではファビコンが簡単に変更できる。</p>
<h3>ファビコンって何?</h3>
<p> favorite
icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したもの。</p>
<p> ファビコンはブラウザでサイトを開いたときのタブ部分に表示されるアイコンのことをいう。</p>
<p> Bookマークする際にもファビコンが一緒に保存されるので、ちょっと目立たせることができる。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkDVfWxLkQ8oiCLpRMro3aMcPu5Se7dLXCqZ8ldtpMQik4Jyli1Sm5qYOMIyzfO6EUSKQlZLK8R3g59FKwUPx_BuOjyTJ9F-Y-tDxoEIz-cnANAPfkiQjneRPR7XJVq9a-RYMEe1Ay34/s1600/%E3%81%93%E3%82%8C%E3%81%8C%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%A0.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkDVfWxLkQ8oiCLpRMro3aMcPu5Se7dLXCqZ8ldtpMQik4Jyli1Sm5qYOMIyzfO6EUSKQlZLK8R3g59FKwUPx_BuOjyTJ9F-Y-tDxoEIz-cnANAPfkiQjneRPR7XJVq9a-RYMEe1Ay34/s1600/%E3%81%93%E3%82%8C%E3%81%8C%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%A0.gif" /></a></p>
<h3>ファビコン画像を作ろう</h3>
<p>1、ペイントなどで縦16px横16pxの画像を作る。</p>
<p>・縦16px横16pxの画像というと相当小さいので、大き目の正方形の画像で作っておいて、サイズ変更で縦16px横16pxにするとやりやすい。</p>
<p>・あまり複雑なものを作らないほうが良いかも。</p>
<p> ファビコンは表示部分が小さいのであまり複雑な凝った物を作らないほうがきれいに見えるかも。</p>
<p>1)【スタート】⇒【アクセサリ】⇒【ペイント】をクリック。</p>
<p>2)【ファイル】⇒【サイズの変更】⇒pxを選択して、縦横とも同じpxを指定。</p>
<p>3)画像を作成。</p>
<p>4)【サイズの変更】⇒pxを選択して、縦横とも16pxに指定。</p>
<p>5)名前をつけて保存する。</p>
<p> GIF、PNG、JPEGいずれかの形式で画像を保存。</p>
<h3>ファビコンのファイル形式</h3>
<p>・IE以外の<b>ブラウザ</b>であれば<b>ファビコン</b>の画像<b>形式</b>は、GIF
やPNGでも構わない。</p>
<p>・IEにもファビコンを表示したい場合は、ico形式に画像を変換する。</p>
<p> ウェブサイトでファビコンの形式をico形式に変換できる。</p>
<p> やり方は簡単。</p>
<h3>ファビコン画像をico形式に変換する</h3>
<p>1、<a href="http://ao-system.net/favicon/index.php">http://ao-system.net/favicon/index.php</a>にアクセス。</p>
<p>2、【参照】ボタンで作った画像を指定。</p>
<p>3、【Favorite iconを作成】をクリック。</p>
<p>4、【ダウンロード】をクリックしてFavorite iconを保存する。</p>
<h3>GoogleBloggerのファビコン(favicon)を変更する</h3>
<p>1、GoogleBloggerにログイン。</p>
<p>2、サイト名をクリック。</p>
<p>3、【レイアウト】⇒【ファビコン】の「編集」をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwreW0uuhEDub6vexV2My2D0NoGfBFcKYKKNo-o8an8Dq9lUNR1sHDxOY-dvDdw9B65hnJ2_mdDRkNnsORu64qiLtgek9G13RwRknFHvCi5sN9bM63VAArg2vsch_ZtD0-RtLvMn0SCk/s1600/1%E3%80%81Blogger%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%AE%E7%B7%A8%E9%9B%86.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwreW0uuhEDub6vexV2My2D0NoGfBFcKYKKNo-o8an8Dq9lUNR1sHDxOY-dvDdw9B65hnJ2_mdDRkNnsORu64qiLtgek9G13RwRknFHvCi5sN9bM63VAArg2vsch_ZtD0-RtLvMn0SCk/s1600/1%E3%80%81Blogger%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%AE%E7%B7%A8%E9%9B%86.gif" height="151" width="320" /></a></p>
<p>4、【参照】をクリックして、保存しておいたファビコン画像を選択し【保存】をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsiGQDuUjnXl5bKoMKYhwidMmIhilGQE5e2mPyWLvZFJq8oEA_jINCrDZix5ZrkxGlTh5Z5vWlVSff4JTCyugy2f_sUhO9_zBd0K_4EfpsjJIWvc7-aEbtbt8D8_78_6ubhfBlgc-Yfo/s1600/2%E3%80%81Blogger%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%AE%E7%B7%A8%E9%9B%86.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsiGQDuUjnXl5bKoMKYhwidMmIhilGQE5e2mPyWLvZFJq8oEA_jINCrDZix5ZrkxGlTh5Z5vWlVSff4JTCyugy2f_sUhO9_zBd0K_4EfpsjJIWvc7-aEbtbt8D8_78_6ubhfBlgc-Yfo/s1600/2%E3%80%81Blogger%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%AE%E7%B7%A8%E9%9B%86.gif" height="227" width="320" /></a></p>
<p> これでGoogleBloggerのファビコンの変更終わり。</p>
<h3>変更後のファビコンの表示に時間がかかる場合もある</h3>
<p> ファビコンの変更後、数日たたないとファビコンが表示されないときがある様子。</p>
<p> このサイトだけでなく、ほかのサイトでも数日後にファビコンの設定が表示されるようになったなんて話があるようだ。</p>
<p> このサイトの場合、2日ぐらいかかった。</p>
<p> ちなみに、このサイトのファビコンはGIFなのでIEには表示には表示されないと思う。</p>
<p> 見たい人はIE以外のブラウザでお願いします。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-74261349330040496762014-09-27T19:16:00.000+09:002014-09-29T00:07:57.917+09:00Bloggerの記事の個別ページの下に広告を入れよう <p> Bloggerの記事の下に広告を入れてみよう。</p>
<p> 今日の課題は以下の3つ。</p>
<p>1、広告コードを変換。<br>
2、条件分岐タグを使って個別記事のページにのみ記事下に広告を表示させる。<br>
3、記事の下に広告を入れるためのテンプレートHTMLの位置。</p>
<p> BloggerのテンプレートHTMLに直接広告を入れるには工夫がいる。</p>
<p> コードをそのままテンプレートに記載しても表示されないので注意。</p>
<p> <a name='more'></a>
</p>
<h3>GoogleAdsenseの広告コードを適した形に変換</h3>
<p> BloggerのテンプレートHTMLの中で広告コードを設置するためには、「<」「>」「"」をテンプレートに適した形に変換する。</p>
<h4>「<」「>」「"」の変換</h4>
<p>「<」⇒ &lt; </p>
<p>「>」⇒ &gt;</p>
<p>「"」⇒ &quot;</p>
<h4>広告コードの例1)変換前</h4>
<p style="border-color: #cccccc; border-width: medium; border-style: solid;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br>
<!-- コード名 --><br>
<ins class="adsbygoogle"<br>
style="display:inline-block;width:336px;height:280px"<br>
data-ad-client="ca-pub-英数字"<br>
data-ad-slot="英数字"></ins><br>
<script><br>
(adsbygoogle = window.adsbygoogle || []).push({});<br>
</script></p>
<h4>広告コードの例1)変換後</h4>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;">&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;<br>
&lt;!-- コード名 --&gt;<br>
&lt;ins class=&quot;adsbygoogle&quot;<br>
style=&quot;display:inline-block;width:336px;height:280px&quot;<br>
data-ad-client=&quot;ca-pub-英数字&quot;<br>
data-ad-slot=&quot;英数字&quot;&gt;&lt;/ins&gt;<br>
&lt;script&gt;<br>
(adsbygoogle = window.adsbygoogle || []).push({});<br>
&lt;/script&gt;</p>
<h3>条件分岐タグを使って個別記事のページにのみ記事下に広告を表示させる</h3>
<p> 広告コードを個別ページだけに表示する条件分岐タグで囲む。</p>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType == "item"'><br>
個別ページだけで表示させる内容<br>
</b:if></p>
<h3>記事下に広告を入れるためのテンプレートHTMLの位置</h3>
<p>1、Bloggerにログイン。</p>
<p>2、対象のブログのタイトルをクリック。</p>
<p>3、【テンプレート】⇒【HTMLの編集】をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s1600/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s320/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"
border="0"></a></p>
<p>4、「data:post.body」を探す。</p>
<p>*テキストエディタなどにHTMLを貼り付けて、検索で探したほうが楽です。</p>
<p>5、data:post.bodyの下に変換した広告コードを埋め込む。</p>
<p> このテンプレートの場合、3つdata:post.bodyが存在する。</p>
個別記事用・TOPページが2番目。<br>
<p> ただ、テンプレートによって違うようだ。</p>
<p> 自分のテンプレートの何番目のdata:post.bodyの後ろに広告タグを張り付けたらよいかはその都度保存して確認するしかないみたい。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-14487989933150743512014-09-26T09:37:00.000+09:002014-09-26T09:37:44.389+09:00 Bloggerの記事のタイトル下に広告を入れる <p> Bloggerの記事のタイトル下に広告を入れてみよう。</p>
<p> 今日の課題は以下の3つ。</p>
<p>1、広告コードを変換。</p>
<p>2、条件分岐タグを使って表示するページを指定する</p>
<p>3、記事のタイトル下に広告を入れるためのテンプレートHTMLの位置。</p>
<p>4、広告の回り込み。</p>
<p> Bloggerの記事下に広告を入れるには、ちょっと工夫がいる。</p>
<p> コードをそのまま広告コードをテンプレートに入れても表示されないことが多いのでご注意。</p>
<p> 例によってGoogleAdsenseの広告を元にBloggerの記事下に広告を入れてみる。</p>
<p>
<a name='more'></a></p>
<p> </p>
<h3>GoogleAdsenseの広告コードを適した形に変換</h3>
<p> BloggerのテンプレートHTMLの中で広告コードを設置するためには、「<」「>」「"」をテンプレートに適した形に変換する必要がある。</p>
<h4>「<」「>」「"」の変換</h4>
<p>「<」⇒ &lt; </p>
<p>「>」⇒ &gt;</p>
<p>「"」⇒ &quot;</p>
<h4>広告コードの例1)変換前</h4>
<p style="border-color: #cccccc; border-width: medium; border-style: solid;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br>
<!-- コード名 --><br>
<ins class="adsbygoogle"<br>
style="display:inline-block;width:336px;height:280px"<br>
data-ad-client="ca-pub-英数字"<br>
data-ad-slot="英数字"></ins><br>
<script><br>
(adsbygoogle = window.adsbygoogle || []).push({});<br>
</script></p>
<h4>広告コードの例1)変換後</h4>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;">&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;<br>
&lt;!-- コード名 --&gt;<br>
&lt;ins class=&quot;adsbygoogle&quot;<br>
style=&quot;display:inline-block;width:336px;height:280px&quot;<br>
data-ad-client=&quot;ca-pub-英数字&quot;<br>
data-ad-slot=&quot;英数字&quot;&gt;&lt;/ins&gt;<br>
&lt;script&gt;<br>
(adsbygoogle = window.adsbygoogle || []).push({});<br>
&lt;/script&gt;</p>
<h3>記事のタイトル下に広告を入れるためのテンプレートHTMLの位置</h3>
<p>1、Bloggerにログイン。</p>
<p>2、対象のブログのタイトルをクリック。</p>
<p>3、【テンプレート】⇒【HTMLの編集】をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s1600/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s320/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"
border="0"></a></p>
<p>4、「div class='post-header-line-1」を探す。</p>
<p>*テキストエディタなどにHTMLを貼り付けて、検索で探したほうが楽です。</p>
<p> このテンプレートの場合、2つdiv class='post-header-line-1が存在する。</p>
5、2つ目のdiv class='post-header-line-1(行1588)の後に変換した広告コードを埋め込む。<br>
<h3>条件分岐タグを使って表示するページを指定する </h3>
<p> このままだとすべてのページに広告が入ってしまうので、GoogleAdsenseのように1ページ3つの広告までと制限がある場合は都合が悪い。</p>
<p> この場合、条件分岐を使って広告を表示するページを指定する必要がある。</p>
今回は記事ページのタイトル下だけに広告を入れることにした。<br>
<h4>個別記事のページだけ表示する条件分岐タグ</h4>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"> <b:if cond='data:blog.pageType == "item"'><br>
個別ページだけで表示させる内容<br>
</b:if> </p>
<h3>広告の位置指定(回り込み)をしたい場合</h3>
<p>1、広告の位置指定(回り込み)をしたい場合、広告コードを<div class=○○'> </div>でコードを囲んでから、</p>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;">「<」⇒ &lt; <br>
「>」⇒ &gt; <br>
「"」⇒ &quot;</p>
<p> にずべて変換する。</p>
<p>2、【テンプレート】⇒【カスタマイズ】⇒【上級者向け】⇒【CSSを追加】。</p>
<p>3、.○○{float:left;}、.○○{float:lright;}、のように位置を指定して【ブログに適応】をクリックする。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-15641548670736756222014-09-25T09:13:00.000+09:002014-09-25T09:13:32.860+09:00ガジェットを条件分岐タグを利用して特定ページにのみ表示する <p> Bloggerのテンプレートのガジェットを条件分岐タグを利用して特定ページに非表示にしてみよう。</p>
<p> ガジェットのHTMLをカスタマイズするには【テンプレート】⇒【ウィジェットに移動】から行う。</p> <p> わかりやすいように、GoogleAdsenseのサイドバーに設置した広告のひとつを個別記事のページのみに表示してみよう。</p> <p><a name='more'></a></p>
<h3>ガジェットをカスタマイズする</h3>
<p>1、Bloggerにログイン。</p>
<p>2、対象のブログのタイトルをクリック。</p>
<p>3、【テンプレート】⇒【HTMLの編集】をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s1600/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"
imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjWecpv9Djrkh5mwbt0aMgOLfuAuHeGPDZc2GRkSCxXlfx7KA7anrMLItafhwBy9R1Nfa8B3sf9LRg708KGeTdjFD-sbbLWhlhnFZS9cZDgq5qHXOlDQtnW1dtZqLuvLYufBMp4Yy6YI/s320/1HTML%E3%81%AE%E7%B7%A8%E9%9B%86.gif"
border="0"></a></p>
<p>4、【ガジェットに移動】の▼をクリック。</p>
<p> ガジェットがリストアップされるので該当のガジェットを選択する。</p>
<p> 英語表示なのでちょっとわかりにくいが、自分の設定したテンプレートと照らし合わせながら見ると、なんとなくどのガジェットなのか見当が付くはず。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb0A1a_HBfhZTx8ApL6PMmSq9-InqHzqNnh14XEhDYJY9q91YnS80e0uHZr3koOTUa5Mbwo3CjQrohkLtFgqK2XqartZBvYmNlbhw7px2i2d4pjA2OJfeubNbwcEeMqJvkUEQLxnxW2Gc/s1600/%E8%A9%B2%E5%BD%93%E3%81%99%E3%82%8B%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%82%92%E9%81%B8%E6%8A%9E.gif"
imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb0A1a_HBfhZTx8ApL6PMmSq9-InqHzqNnh14XEhDYJY9q91YnS80e0uHZr3koOTUa5Mbwo3CjQrohkLtFgqK2XqartZBvYmNlbhw7px2i2d4pjA2OJfeubNbwcEeMqJvkUEQLxnxW2Gc/s320/%E8%A9%B2%E5%BD%93%E3%81%99%E3%82%8B%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%82%92%E9%81%B8%E6%8A%9E.gif"
border="0"></a></p>
<p>5、ボックスの中にHTMLが表示される。</p>
<p>6、該当する部分の行番号の横にある横向きの三角をクリックする。<br>
ガジェットのHTMLが展開される。</p>
<p> それぞれのガジェットが以下の記述で囲まれているのがわかる。</p>
<p><b:widget id='○○'>から </b:widget></p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvRMtwdTMUTsAUCsU8JtSaxJ4ibimPSxJ1N2IRPfiSnvW1f1zT_7aBMhWv3VbG1lmmmH21a6kZ6TwCcg8AyLwqN7BDABdJQwwB_pukAQTOrtVW3aYaKeb36aK728yOJpyCCMZdsuo_-M/s1600/%EF%BC%91-1%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%81%AEAdsense%E5%BA%83%E5%91%8A%E3%81%8C%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%AEHTML.gif"
imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvRMtwdTMUTsAUCsU8JtSaxJ4ibimPSxJ1N2IRPfiSnvW1f1zT_7aBMhWv3VbG1lmmmH21a6kZ6TwCcg8AyLwqN7BDABdJQwwB_pukAQTOrtVW3aYaKeb36aK728yOJpyCCMZdsuo_-M/s320/%EF%BC%91-1%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%81%AEAdsense%E5%BA%83%E5%91%8A%E3%81%8C%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%AEHTML.gif"
border="0"></a></p>
<h3>サイドカラムのアドセンス広告を記事ページだけに表示するようにしてみよう</h3>
<p>1、Bloggerにログイン。</p>
<p>2、対象のブログのタイトルをクリック。</p>
<p>3、【テンプレート】⇒【HTMLの編集】をクリック。</p>
<p>4、【ガジェットに移動】の▼をクリック。</p>
<p>5、「Adsense1」をクリック。</p>
<p>6、該当する行番号をクリック。</p>
<p>7、さらに折りたたまれている行があるので、その行をクリックすると該当するすべてのガジェットが表示される。</p>
<p>8、<b:includable id='main'>を探し、そのすぐ下に以下のタグを挿入する。</p>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType == "item"'></p>
<p>9、</b:includable>の直前に</b:if>を付け加える。</p>
<p>1)もとのガジェットのHTML</p>
<p style="border-color: #cccccc; border-width: medium; border-style: solid;"> <b:widget id='AdSense1' locked='false' title='' type='AdSense'><br>
<b:includable id='main'><br>
<div class='widget-content'><br>
<b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'><br>
<data:adCode/><br>
</b:if><br>
<b:include name='quickedit'/><br>
</div><br>
</b:includable><br>
</b:widget></p>
<p>↓↓↓</p>
<p> 2)変更後のガジェットのHTML</p>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"> <b:widget id='AdSense1' locked='false' title='' type='AdSense'><br>
<b:includable id='main'><br>
<b:if cond='data:blog.pageType == "item"'> <div class='widget-content'><br>
<b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'><br>
<data:adCode/><br>
</b:if><br>
<b:include name='quickedit'/><br>
</div><br>
</b:if></b:includable><br>
</b:widget></p>
<p> これで、サイドバーに設置したGoogleAdsenseのガジェットが個別ページ以外では表示されなくなった。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU-88J8VmoxpjzhOF-BVkyugVoR7F_q8iJ-9MkQe4cp5DxOPhxqgt1TNWKJ27krnKIVTN-i1ZTpU1zsKufFZK4fEIwpEsl3guB9LN5xMFMyOB7LKN5TJEqPc6UaUiEaousO-gsaD4KX8/s1600/TOP%E3%83%9A%E3%83%BC%E3%82%B8Google%E3%81%A7%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86.gif"
imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU-88J8VmoxpjzhOF-BVkyugVoR7F_q8iJ-9MkQe4cp5DxOPhxqgt1TNWKJ27krnKIVTN-i1ZTpU1zsKufFZK4fEIwpEsl3guB9LN5xMFMyOB7LKN5TJEqPc6UaUiEaousO-gsaD4KX8/s320/TOP%E3%83%9A%E3%83%BC%E3%82%B8Google%E3%81%A7%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86.gif"
border="0"></a><br>
↓<br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBOV-AsQwfQYE3l5YHygYYkc0arFq0JTzNxImIY6rFwh28aQ_JyJLht__HwyuP3ReqHuZKpZmPjeighVi4Jta6P5lCEY6j5cjrAsB0fz39jZL76MIdBazPT3l3bFCamKQuXL9Ce0FIjg/s1600/%EF%BC%91-2%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%81%AEAdsense%E5%BA%83%E5%91%8A%E3%81%8C%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%AEHTML.gif"
imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBOV-AsQwfQYE3l5YHygYYkc0arFq0JTzNxImIY6rFwh28aQ_JyJLht__HwyuP3ReqHuZKpZmPjeighVi4Jta6P5lCEY6j5cjrAsB0fz39jZL76MIdBazPT3l3bFCamKQuXL9Ce0FIjg/s320/%EF%BC%91-2%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%81%AEAdsense%E5%BA%83%E5%91%8A%E3%81%8C%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%81%AEHTML.gif"
border="0"></a> </p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-18375439086214947802014-09-25T00:10:00.000+09:002014-09-25T02:29:49.405+09:00Bloggerの表示の条件分岐タグ <p> Bloggerの表示の条件分岐ってわかりにくい。</p>
<p> 条件分岐というのは、「○○のページだけ表示させる」とか「××のページでは表示させない」「スマートフォンでだけ表示させる」「PCだけ表示させる」といった表示の二条件を付け加えるためのテンプレートタグのこと。</p>
<p> 今回は、Bloggerの条件分岐タグについてご紹介。</p><p><a name='more'></a></p>
<h3>記事の個別ページだけに表示させるBloggerの条件分岐タグ</h3>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType == "item"'><br>
個別ページだけで表示させる内容<br>
</b:if></p>
<h3>個別ページに表示しないBloggerの条件分岐タグ</h3>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType != "item"'><br>
個別ページには表示させない内容<br>
</b:if></p>
<h3>TOPページだけで表示させるBloggerの条件分岐タグ</h3>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.url == data:blog.homepageUrl'><br>
トップページだけで表示させる内容<br>
</b:if></p>
<h3>ラベル・TOP・年間アーカイブに表示させるBloggerの条件分岐タグ</h3>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType == "index"'><br>
ラベル・TOP・年間アーカイブだけに表示させる内容<br>
</b:if></p>
<h3>月別アーカイブページだけに表示させるBloggerの条件分岐タグ</h3>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;"><b:if cond='data:blog.pageType == "archive"'><br>
アーカイブページだけで表示する内容<br>
</b:if></p>
<h3>どこで使える?条件分岐タグ</h3>
<p> Bloggerの条件分岐タグはテンプレートのHTMLの中で使う。</p>
<p> BloggerのテンプレートHTMLは【テンプレート】⇒【HTMLの編集】をクリックして編集する。</p>
<p> たとえば、ガジェットをページに応じて表示非表示にする。</p>
<p> なんてことができる。</p>
<p> でも、BloggerのHTMLの編集ってわかりにくい・・・。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-79860851037283255362014-09-23T15:08:00.000+09:002014-09-23T15:10:09.777+09:00Bloggeの記事の作成・HTML共通の編集ボタン<p> Bloggeの記事の投稿画面の編集用各ボタンについてちょっとご紹介する。</p>
<p> 作成・HTML共通のボタンと作成にしか表示されない編集用のボタンがある。</p>
<p> 今回はBloggeの記事の作成・HTML共通の編集ボタンについてご紹介。</p><p><a name='more'></a></p>
<h3>【B】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguw3tguWJkUrIY-l5flaueO4vKU1M13xqmN4lzfHhR_in0ZcXb0_i46jX3AEjCFdjLuYqpuQoqo0bo_LgxiodseSjveEDF7yzLt8_TbWz8T_SqNxlJJSPgcSqTdsCAxgmM8_Wc1qXe2uo/s1600/%EF%BC%91B%E5%A4%AA%E5%AD%97%E3%81%AB%E3%81%99%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguw3tguWJkUrIY-l5flaueO4vKU1M13xqmN4lzfHhR_in0ZcXb0_i46jX3AEjCFdjLuYqpuQoqo0bo_LgxiodseSjveEDF7yzLt8_TbWz8T_SqNxlJJSPgcSqTdsCAxgmM8_Wc1qXe2uo/s320/%EF%BC%91B%E5%A4%AA%E5%AD%97%E3%81%AB%E3%81%99%E3%82%8B.gif" ></a></p>
<p>⇒文字を太字にするボタン。<br>
文字を範囲指定してこのボタンを押すと文字が太字になる。<br>
HTMLの<b></b>で囲まれるので、記事が表示されたときには太字になるが「強調」にはならない。</p>
<h3>【I】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOEf6tUfE-LZXjI7porWMVXZViTVGecXf-V2SrG0goapsnmjrij5LtToURN65V-svxDCjJk8hNilUnJbD6fCEh7MkPg-gz7iRolpy5hXb297Gxc65B8FrQS98x-jNO69PZ4TBQNN9EdQ/s1600/2%E3%80%81%E6%96%9C%E3%82%81%E3%81%AB%E3%81%99%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOEf6tUfE-LZXjI7porWMVXZViTVGecXf-V2SrG0goapsnmjrij5LtToURN65V-svxDCjJk8hNilUnJbD6fCEh7MkPg-gz7iRolpy5hXb297Gxc65B8FrQS98x-jNO69PZ4TBQNN9EdQ/s320/2%E3%80%81%E6%96%9C%E3%82%81%E3%81%AB%E3%81%99%E3%82%8B.gif" ></a></p>
<p>⇒文字を斜体にするボタン。</p>
<h3>【<strike>ABC</strike>】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4y_F5VhMhPx9aYRiNXyjnpBbn30hV_DorrNeV_gAE44TO7Vclo2iv1AqqntNlzyTX-LGE35QRdME7HAyp4L52FUPhd_zul04GTmaxoij964Dn0ltk7ZZdOl-u8rgKNxY7QGSsgAnydig/s1600/3%E3%80%81%E5%8F%96%E3%82%8A%E6%B6%88%E3%81%97%E7%B7%9A%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4y_F5VhMhPx9aYRiNXyjnpBbn30hV_DorrNeV_gAE44TO7Vclo2iv1AqqntNlzyTX-LGE35QRdME7HAyp4L52FUPhd_zul04GTmaxoij964Dn0ltk7ZZdOl-u8rgKNxY7QGSsgAnydig/s320/3%E3%80%81%E5%8F%96%E3%82%8A%E6%B6%88%E3%81%97%E7%B7%9A%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B.gif" ></a></p>
<p>⇒取り消し線を入れるボタン。<br>
<strike></strike>というタグで文字が囲まれる。<br>
HTML5では、<STRIKE>は廃止される予定。<br>
削除を表す場合には<del>に置き換える。<br>
正確ではなくなった内容を表す場合には<s>に置き換える。<br>
それ以外の場合はtext-decoration: line-throughで指定することが推奨されている。 </p>
<h3>【リンク】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEoSp1V-rlmfEdIfoUqCYmFrGX_iSj9r2MMuiaMsE02-wcow2Q6BB_qQw0t4ONpSmPfb8jYQvytOY9Beg5eWYV7QXB2N7-5EDlSUMxR2KIyv8hBpBNeew-_g-l3446Oo1rXx5sdKS5Odo/s1600/4%E3%80%81%E3%81%BB%E3%81%8B%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E8%B2%BC%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEoSp1V-rlmfEdIfoUqCYmFrGX_iSj9r2MMuiaMsE02-wcow2Q6BB_qQw0t4ONpSmPfb8jYQvytOY9Beg5eWYV7QXB2N7-5EDlSUMxR2KIyv8hBpBNeew-_g-l3446Oo1rXx5sdKS5Odo/s320/4%E3%80%81%E3%81%BB%E3%81%8B%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E8%B2%BC%E3%82%8B.gif" ></a></p>
<p>⇒ほかの記事などにリンクする場合に利用する。</p>
<h3>【画像を挿入】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgThUgTxGMgkycEIQzYgh-ibrcDXBrRDKWnko2BpjUWBaCxjnRdCAWOAWt3z-0HCYl-ZeFuj0PlWrNuxl8nvb1OANDRhyphenhyphenVUXUYmJyrVK-SIRKN1vGoJjN8C40FIPzMKxCwA7_xJLCmed6M/s1600/5%E3%80%81%E7%94%BB%E5%83%8F%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgThUgTxGMgkycEIQzYgh-ibrcDXBrRDKWnko2BpjUWBaCxjnRdCAWOAWt3z-0HCYl-ZeFuj0PlWrNuxl8nvb1OANDRhyphenhyphenVUXUYmJyrVK-SIRKN1vGoJjN8C40FIPzMKxCwA7_xJLCmed6M/s320/5%E3%80%81%E7%94%BB%E5%83%8F%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B.gif" ></a></p>
<p>⇒記事に画像を挿入する。<br>
画像を挿入する部分にカーソルをおいてこのボタンをクリックし画像を指定すると、その部分に画像が挿入される。</p>
<h3>【引用符】ボタン</h3><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYF3xSx4MCTTj50n_Pe34HYUakwV8RGf6DZVaogu1jwEP9JuJa4dpidIYp8eEDB7xVSz4Cagv5EYcqVK_NvOhexHcc2OUyli6PC1WWFISRXtqPAzkO7IxmvT-ioEYwk_HjViLaplBYLj0/s1600/6%E3%80%81%E5%BC%95%E7%94%A8.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYF3xSx4MCTTj50n_Pe34HYUakwV8RGf6DZVaogu1jwEP9JuJa4dpidIYp8eEDB7xVSz4Cagv5EYcqVK_NvOhexHcc2OUyli6PC1WWFISRXtqPAzkO7IxmvT-ioEYwk_HjViLaplBYLj0/s320/6%E3%80%81%E5%BC%95%E7%94%A8.gif" ></a>;</p>
<p>⇒文字を範囲指定してこのボタンを押すと文字が引用タグで囲まれる。<br>
<blockquote>引用符</blockquote>。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-27133754284371597312014-09-22T06:30:00.000+09:002014-09-22T06:30:00.614+09:00Bloggerの記事のページアドレス(パーマリンク)はどうやって決まる? <p>今日の話題は以下の4つ</p>
<p style="border-color: #ccccff; border-width: medium; border-style: solid;">・Bloggerの記事のページアドレス(パーマリンク・URL)はどうやって決まる?<br>
・Bloggerのパーマリンク設定(カスタムパーマリンク)でページアドレスはどのように変わる?<br>
・Bloggerのカスタムパーマリンクの注意点</p>
<p><a name='more'></a></p>
<p> Bloggerの記事ページのURLは投稿時にパーマリンク(URL・アドレス)設定(URL・アドレス)ができる。</p>
<p> パーマリンク設定をしないと、Bloggerの記事ページのURL(ページアドレス)は基本的に「http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/blog-post_投稿した日.html」のような形になる。</p>
<p> ほかにもちょっとバリエーションがあるので、まずはデフォルトのBloggerの記事ページのパーマリンク(URL・アドレス)がどのように設定されるかご紹介。</p>
<h3>Bloggerのページアドレス(URL・パーマリンク)はどのように決定する?</h3>
<h4>Bloggerの記事ページのURL基本形</h4>
<p style="border-color: #9999ff; border-width: medium; border-style: dotted;">http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/blog-post_投稿した日.html</p>
<h4>記事のタイトルに半角英数が含まれている場合</h4>
<p>http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/記事タイトルに含まれている半角英数.html</p>
<h4>タイトルに空白が含まれている場合</h4>
<p>例)タイトルが⇒Googlr Analytics</p>
<p style="border-color: #9999ff; border-width: medium; border-style: dotted;">http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/google_analyics.html</p>
<h3>Bloggerのパーマリンク設定(カスタムパーマリンク)でページアドレスはどのように変わる?</h3>
<p> Bloggerのパーマリンク設定で自由に書き換えられる部分は「<u><font color="#ff0000">blog-post_投稿した日」</font></u>の部分。</p>
<p> たとえば、基本的なアドレス(パーマリンク)の場合は以下の部分↓</p>
<p style="border-color: #9999ff; border-width: medium; border-style: dotted;">http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/<font
color="#ff0000">blog-post_投稿した日</font>.html</p>
<p> これをカスタムパーマリンクの設定で【page】にすると記事ページのURLは以下のようになる。</p>
<p style="border-color: #9999ff; border-width: medium; border-style: dotted;">http://ユーザーの設定したブログのアドレス.blogspot.com/投稿年/投稿月/<font
color="#000000">page</font>.html</p>
<h3>Bloggerのカスタムパーマリンクの注意点</h3>
<p>・カスタムパーマリンクの設定ができるのは記事ページのみ。</p>
<p>・カスタムパーマリンクを設定しても、一番初めに公開した年・月・日は表示される。</p>
<p>・更新したとしても、一番初めに公開した年月日の部分は変更されない。</p>
<p>・公開日時の設定で、公開日時を変えても、一番初めに公開した年月日の部分は変更されない。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-64413962587284742372014-09-21T07:48:00.000+09:002014-09-21T08:06:55.879+09:00Bloggerの投稿の時間を変える方法や予約投稿の仕方<p> Blogger投稿画面のサイドにあるボタンはラベルをつける以外にもいろいろと役割がある。</p>
<p> 今回はBloggerの投稿の時間を変える方法や予約投稿の仕方についてご紹介。</p><a name='more'></a>
<h3>Bloggerの投稿の時間の設定・「自動」を選択した場合</h3>
<p>1、サイドバーの時計マーク(スケジュール)をクリック。</p>
<p>2、「自動」を選択した場合</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lBBcpjo5q5-8lVc0zY3jd81QHua9iZr3WO6tXriYyAn5Id1y7Hek_GQNTZM_1zmPQ_V2-JGCD3q049BmDJKQCyq9p0qviOoh-DdiitR8S1ixxGPxSRv6wYvCJwff7vSFH7BtJRAQsS4/s1600/%EF%BC%91%E6%8A%95%E7%A8%BF%E6%99%82%E9%96%93%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E3%80%8C%E8%87%AA%E5%8B%95%E3%80%8D%E3%81%AB%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lBBcpjo5q5-8lVc0zY3jd81QHua9iZr3WO6tXriYyAn5Id1y7Hek_GQNTZM_1zmPQ_V2-JGCD3q049BmDJKQCyq9p0qviOoh-DdiitR8S1ixxGPxSRv6wYvCJwff7vSFH7BtJRAQsS4/s320/%EF%BC%91%E6%8A%95%E7%A8%BF%E6%99%82%E9%96%93%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E3%80%8C%E8%87%AA%E5%8B%95%E3%80%8D%E3%81%AB%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88.gif" /></a></p>
<p>・新規投稿の場合や下書きを公開する場合公開した時間が投稿時間として表示される。</p>
<p>・いったん公開した記事の場合、過去の公開時間が適応される。</p>
<p>3、【完了】をクリックして、投稿時間の設定完了。</p>
<h3>Bloggerの投稿の時間の設定・投稿時間を予約する</h3>
<p>1、サイドバーの時計マーク(スケジュール)をクリック。</p>
<p>2、「日付と時刻を設定」を選ぶ。</p>
<p>3、下に日付と時間を記入するボックスが出てくるので、公開したい日時と時間を記入。</p>
<p>*日付については下のカレンダーで選択することもできる。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5ho9hZ9fnmONEUrymOpwXC4SHO6RfjzlrHPfYsi6G7UNISYAn6Y6oVuANvyixUvmBh8g3YY9eZ8FagKigcxsCjwLBh8bjhasIb3wnElM4rYLGWGYGixSz-9ZaA_DY2ktmcA1Pe3l9Ow/s1600/2%E6%97%A5%E4%BB%98%E3%81%A8%E6%99%82%E5%88%BB%E3%82%92%E8%A8%AD%E5%AE%9A.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5ho9hZ9fnmONEUrymOpwXC4SHO6RfjzlrHPfYsi6G7UNISYAn6Y6oVuANvyixUvmBh8g3YY9eZ8FagKigcxsCjwLBh8bjhasIb3wnElM4rYLGWGYGixSz-9ZaA_DY2ktmcA1Pe3l9Ow/s320/2%E6%97%A5%E4%BB%98%E3%81%A8%E6%99%82%E5%88%BB%E3%82%92%E8%A8%AD%E5%AE%9A.gif" /></a></p>
<p>4、【完了】をクリック。</p>
<p>5、【公開】をクリック。</p>
<h3>過去に公開したBloggerの投稿の公開日時を変える</h3>
<p> 方法は予約投稿の場合と同じ。</p>
<p>1、サイドバーの時計マーク(スケジュール)をクリック。</p>
<p>2、「日付と時刻を設定」を選ぶ。</p>
<p>3、下に日付と時間を記入するボックスが出てくるので、公開日時と時間を記入。</p>
<p>*日付については下のカレンダーで選択することもできる。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ftQRLybmKiNgQNUM3gngu1O4oyQNo211PL6Gb8EGCP3DY5_amN4YDHtywqEKCvhwDBSbPBuM74LqOFo15cXKsLXrlGRKMec08fYn70yt4yijpR7CRCqCwxLaFKu6LeFSHPhY8wVMOdI/s1600/2%E6%97%A5%E4%BB%98%E3%81%A8%E6%99%82%E5%88%BB%E3%82%92%E8%A8%AD%E5%AE%9A.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ftQRLybmKiNgQNUM3gngu1O4oyQNo211PL6Gb8EGCP3DY5_amN4YDHtywqEKCvhwDBSbPBuM74LqOFo15cXKsLXrlGRKMec08fYn70yt4yijpR7CRCqCwxLaFKu6LeFSHPhY8wVMOdI/s320/2%E6%97%A5%E4%BB%98%E3%81%A8%E6%99%82%E5%88%BB%E3%82%92%E8%A8%AD%E5%AE%9A.gif" /></a></p>
<p>4、【完了】をクリック。</p>
<p>5、【公開】をクリック。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-62283588382591297612014-09-20T00:29:00.000+09:002014-09-20T00:29:20.853+09:00Bloggerの記事投稿・高機能テキストエディタの基本的な投稿方法<p> Bloggerで記事を書いて投稿しよう。</p>
<p> やり方は2種類。</p>
<p> 「WYSIWVG高機能テキストエディタ」で記事を書く方法と「HTML」で記事を書いて行く方法の2種類。</p>
<p> 今回はBloggerの高機能テキストエディタを使って記事を書いて行く方法の基本部分をご紹介。</p>
<p><a name='more'></a></p>
<h3>Bloggerの高機能テキストエディタ</h3>
<p> 高機能テキストエディタはHTMLを知らなくても記事が書ける。</p>
<p> ただし、Bloggerの高機能テキストエディタによる投稿は段落が利用できない。</p>
<p> 逆に高機能テキストエディタだけの機能ボタンもありHTMLの投稿とどちらを選ぶかは難しいところ。</p>
<p> また、HTMLで記事を書いて、途中で高機能エディタに切り替えると段落が改行に自動変換されてしまう。</p>
<h3>Bloggerの高機能エディタで記事作成をする基本編</h3>
<p>1、Bloggerrにログイン。</p>
<p>2、編集したいブログタイトルをクリック。</p>
<p>3、【新しい投稿】をクリック。</p><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLE_zc19j2SCFS0z3aFWZaCCD-lihJyaAoCwskhiztFyo6AuD3mGTnNhSbsC9mOH3-V8TZY0RjYSQ957AQAqDx295zSsdFPkSGiW8qx5ZTnawX7urjmpsyo1Cd-eLpSAQNNuNKTKnvp6c/s1600/%E8%A8%98%E4%BA%8B%E3%81%AE%E6%8A%95%E7%A8%BF.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLE_zc19j2SCFS0z3aFWZaCCD-lihJyaAoCwskhiztFyo6AuD3mGTnNhSbsC9mOH3-V8TZY0RjYSQ957AQAqDx295zSsdFPkSGiW8qx5ZTnawX7urjmpsyo1Cd-eLpSAQNNuNKTKnvp6c/s320/%E8%A8%98%E4%BA%8B%E3%81%AE%E6%8A%95%E7%A8%BF.gif" /></a></p>
<p>4、【作成】タブをクリック。</p>
<p>5、Bloggerの高機能エディタ編集画面が出てくる。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbN0rScUFyG4Vr_iRMmwZBO0lM23Y77J163KcxN8bCHzYqRlrjYjiwwSFIJb2OkGWB6_USPSi-numMh9MlsU6Rqsx0Er1BvPqZMx2wDKKnanCf7SSOdZdY1CtdKz7OhhThcCmfPk05OI/s1600/2%E9%AB%98%E6%A9%9F%E8%83%BD%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbN0rScUFyG4Vr_iRMmwZBO0lM23Y77J163KcxN8bCHzYqRlrjYjiwwSFIJb2OkGWB6_USPSi-numMh9MlsU6Rqsx0Er1BvPqZMx2wDKKnanCf7SSOdZdY1CtdKz7OhhThcCmfPk05OI/s320/2%E9%AB%98%E6%A9%9F%E8%83%BD%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF.gif" /></a></p>
<p>1)投稿の隣のボックスにタイトルを入れる。</p>
<p>2)タイトル下のボタンは編集用のボタン。</p>
<p>3)ボタンの下に記事を書き込むボックスがある。</p>
<p> このボックスの中に記事を書いて行く。</p>
<p> 改行は基本的にPCのEnterキーを押す。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD78CAWD53raywQqmfzvBt2cxM68iPae_r7hcp94STAYhIDxZ7pjS_Zp5EDXgg6mr0nvBTbjhFFPVNIiwNc-y3kZ7W0jZJzba3HX2CB5Vr_20y55kYjFnVENvfkmM_DCHiwDfBf7EqLto/s1600/3%E9%AB%98%E6%A9%9F%E8%83%BD%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF-%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%A8%98%E4%BA%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD78CAWD53raywQqmfzvBt2cxM68iPae_r7hcp94STAYhIDxZ7pjS_Zp5EDXgg6mr0nvBTbjhFFPVNIiwNc-y3kZ7W0jZJzba3HX2CB5Vr_20y55kYjFnVENvfkmM_DCHiwDfBf7EqLto/s320/3%E9%AB%98%E6%A9%9F%E8%83%BD%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF-%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%A8%98%E4%BA%8B.gif" /></a></p>
<p>6、ラベルをつける。</p>
<p>1)画面横のボタン一番上をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWsw6sgAsXBX9OMMr9TOJffySRK7pLTyLaiWdbpGHzwj1eRaHNePURsGL3QzCSDV7l4aQkGNHjqTXr4HndNdHWacq-QDb2MwXqDK5y5OWZAp90qSLtltmU03iFfLh6CwAznSZ0lioJbY/s1600/1%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWsw6sgAsXBX9OMMr9TOJffySRK7pLTyLaiWdbpGHzwj1eRaHNePURsGL3QzCSDV7l4aQkGNHjqTXr4HndNdHWacq-QDb2MwXqDK5y5OWZAp90qSLtltmU03iFfLh6CwAznSZ0lioJbY/s320/1%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B.gif" /></a></p>
<p>2)ボックスの中にラベルを記入する。</p>
<p>*複数のラベルを記事につける場合、半角のカンマでそれぞれのラベルを区切る。</p>
<p>*ボックスの下には過去につけたラベルが表示されている。<br>
表示されたラベルをクリックすると、自動的に上のボックスにラベルが追加される。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgcOpxr7fnxLG_e-AI4aO2RS-tXAAmCrW68-_xA1yAY3t3ZM0iXHW5FRIHJOyxPvvxmJRhYFwZs1ozg6nBjbKfKGBrHegZLW-JW4ngc5DkTfsZt02cyDxJGg-suPivgxaVB3C0JWlRTSs/s1600/2%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgcOpxr7fnxLG_e-AI4aO2RS-tXAAmCrW68-_xA1yAY3t3ZM0iXHW5FRIHJOyxPvvxmJRhYFwZs1ozg6nBjbKfKGBrHegZLW-JW4ngc5DkTfsZt02cyDxJGg-suPivgxaVB3C0JWlRTSs/s320/2%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B.gif" /></a></p>
<p>3)「完了」ボタンをクリック。</p>
<p>7、記事を公開または保存する。</p>
<p>1)【保存】を押すと「下書き」として保存される。</p>
<p>2)【公開】をクリックすると記事が公開される。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-65475222020825269762014-09-19T07:51:00.000+09:002014-09-19T07:51:04.761+09:00BloggerにGooglr Analytics(アナリティクス)を設置する方法<p> BloggerにGooglr Analytics(アナリティクス)を設置してみよう。</p>
<p> Bloggerの場合、Googlr
Analytics(アナリティクス)にサイトを登録した後提示される【トラッキングID】を使って設置する。</p>
<p><a name='more'></a></p>
<h3>Googlr Analytics(アナリティクス)のトラッキングIDを確認する</h3>
<p>1、Googlr Analytics(アナリティクス)にログイン。</p>
<p>2、【プロパティ】はサイト名のことなので、プロパティの▼をクリックして、該当するサイト名を選択。</p>
<p>3、【トラッキング情報】をクリック</p>
<p>4、【トラッキングコード】をクリック。</p>
<p>5、【トラッキングID】の下の英数字をコピー。</p>
<h3>BloggerにGooglr Analytics(アナリティクス)を設置</h3>
<p>1、【設定】⇒【その他】をクイック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPP8zxLx4PsrgYcnZTpeD83n5GjEFPcSq8nmhkEeenFZurXhkPadtJPmx0ZyPAjI57P_wXlsgj-1wRv7chtOlx_amc6GQZqytGFXoywJDNLN3LtVxs8piQaTkmtgamGCO6QrB3y2UM6GA/s1600/1Blogger%E3%81%ABGooglr+Analytics%EF%BC%88%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9%EF%BC%89%E3%82%92%E8%A8%AD%E7%BD%AE.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPP8zxLx4PsrgYcnZTpeD83n5GjEFPcSq8nmhkEeenFZurXhkPadtJPmx0ZyPAjI57P_wXlsgj-1wRv7chtOlx_amc6GQZqytGFXoywJDNLN3LtVxs8piQaTkmtgamGCO6QrB3y2UM6GA/s320/1Blogger%E3%81%ABGooglr+Analytics%EF%BC%88%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9%EF%BC%89%E3%82%92%E8%A8%AD%E7%BD%AE.gif" /></a></p>
<p>2、画面下のほうにGooglr Analyticsの設定場所がある。</p>
<p>3、「アナリティクスのウェブ プロパティ ID」の横のボックスに、【トラッキングID】を入力。</p>
<p>4、【設定を保存】をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjemPXky9_3Lps9alhsZzBmgKOOvlyQ6A8oUXZWigfqFwPfAxj1rweDHArorscc5JGpY7bzX__Yq-mZGQFJRcsBkMHvir_rk5fc49ONhPXKrkKO5CQgqoP3nrfSTf63mU3eAVFTGH3WRrY/s1600/2Blogger%E3%81%ABGooglr+Analytics%EF%BC%88%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9%EF%BC%89%E3%82%92%E8%A8%AD%E7%BD%AE.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjemPXky9_3Lps9alhsZzBmgKOOvlyQ6A8oUXZWigfqFwPfAxj1rweDHArorscc5JGpY7bzX__Yq-mZGQFJRcsBkMHvir_rk5fc49ONhPXKrkKO5CQgqoP3nrfSTf63mU3eAVFTGH3WRrY/s320/2Blogger%E3%81%ABGooglr+Analytics%EF%BC%88%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9%EF%BC%89%E3%82%92%E8%A8%AD%E7%BD%AE.gif" /></a></p>
<h3>BloggerにGooglr Analytics(アナリティクス)を設置のまとめ</h3>
<p> Googlr
Analytics(アナリティクス)の設置方法はブログサービスによって違うようでめんどくさい。</p>
<p> Bloggerの場合はちょっと簡単。</p>
<p> Googlr Analytics(アナリティクス)のサイト登録はGooglr
Analytics(アナリティクス)のHPからもできるし、アドセンスの画面からもできる。</p>
<p> 登録は無料なので大いに利用したいところ。</p>
<p> <a href="http://tukau-googleburugu.blogspot.jp/2014/09/google-adsensegooglr-analytics.html">GoogleアドセンスからGooglr Analytics(アナリティクス)にサイトを登録する方法はこちらを見てね</a>。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-50618464114377291032014-09-19T00:04:00.000+09:002014-09-19T00:04:26.273+09:00Bloggerにブログのタイトルと説明文をつけようORブログタイトルと説明を編集しよう<p> Bloggerにブログのタイトルと説明文をつけよう。</p>
<p> 編集する場合も同じ方法でできる。</p>
<p>
<a name='more'></a></p>
<h3>
ブログのタイトルの設定OR編集方法</h3>
<p>1、Bloggerにログイン。</p>
<p>2、ブログのタイトルをクリック。</p>
<p>3、【設定】をクリック。</p>
<p>4、「タイトル」の横の【編集】をクリック。</p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpUUr2eUX5IVACKIO98X7p6w-YK582CB5R3uINBSZpZHJG6xwLA2zpqnm__8QeIXawT_57a2byYANWX5Tl2mzX3BdhMwQqP7DF60sMPUww38t0QUA_8DfFD7pGYSLFLZIjCWxbHGoTTA/s1600/%EF%BC%91%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpUUr2eUX5IVACKIO98X7p6w-YK582CB5R3uINBSZpZHJG6xwLA2zpqnm__8QeIXawT_57a2byYANWX5Tl2mzX3BdhMwQqP7DF60sMPUww38t0QUA_8DfFD7pGYSLFLZIjCWxbHGoTTA/s1600/%EF%BC%91%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="140" width="320" ></a></div>
<p>5、 タイトルの編集画面が開く。</p>
<p>6、タイトル横のボックスにブログのタイトルを記入。</p>
<p>7、【変更を保存】ボタンを押す。</p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG19VwsHt5SkpEunVNkD9eL0X5Ayy79O9YDGuk-mILY-Zjh5mHUFUFhXF0EDBaeE-hWrH4vdKWwTOg9Io7kux4kEfSK5K_Sj2Ih5aY71pAnGtwwdaUBLDKqCDVnfuoRdGQzAha1XhgVjM/s1600/2%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG19VwsHt5SkpEunVNkD9eL0X5Ayy79O9YDGuk-mILY-Zjh5mHUFUFhXF0EDBaeE-hWrH4vdKWwTOg9Io7kux4kEfSK5K_Sj2Ih5aY71pAnGtwwdaUBLDKqCDVnfuoRdGQzAha1XhgVjM/s1600/2%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="143" width="320" ></a></div>
<p>8、【設定を保存】ボタンを押す。 </p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzFzK2-X6w4jHV2X53mmFjXLZYZxkI57SxkEK3_6ByrZAEqNHY6PSAOGK0QSUCiB19tLZbwHIa8EF65ygSR0q-y9UYLDY3XMwPP_2s1CmLycXhjDzNu8cUw2eOd7_yY_wegxO8JMfJMY/s1600/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzFzK2-X6w4jHV2X53mmFjXLZYZxkI57SxkEK3_6ByrZAEqNHY6PSAOGK0QSUCiB19tLZbwHIa8EF65ygSR0q-y9UYLDY3XMwPP_2s1CmLycXhjDzNu8cUw2eOd7_yY_wegxO8JMfJMY/s1600/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="136" width="320" ></a></div>
<h3>
ブログの説明文を設定OR編集する方法</h3>
<p>1、Bloggerにログイン。</p>
<p>2、ブログのタイトルをクリック。</p>
<p>3、【設定】をクリック。</p>
<p>4、「説明」の横の【編集】をクリック。</p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupO5XtmnrCszwmQ6xNqh67QoBj_YTMGLrBbCuLiiRevVkP2nInjy-atwe7tP16d_j8ShQYImncRbpOWbHc73rRbp2iQ_jPkx4lkQliwhBCQm6ahK5I0_sci4mvBUfA1aAKxItgk3UP2w/s1600/1%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupO5XtmnrCszwmQ6xNqh67QoBj_YTMGLrBbCuLiiRevVkP2nInjy-atwe7tP16d_j8ShQYImncRbpOWbHc73rRbp2iQ_jPkx4lkQliwhBCQm6ahK5I0_sci4mvBUfA1aAKxItgk3UP2w/s1600/1%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="136" width="320" ></a></div>
<p>5、説明を記入するウィンドウが開く。</p>
<p>6、「説明」のボックスの中に、ブログの説明を書き込む。</p>
<p>7、【変更を保存】をクリック。</p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmOeav5eIOIJ9Gv-46SZRCO4xgdv1jg8xgzvpb1yybY8Neolke6aepS9KgqGp4pdN4JrUFVaQ2RLe5UJ5cyWjLKaKJZzsH6SjnjNjCyccnsVr4gBTzriY_qozXpw1voFkpATayUjWaho/s1600/2%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmOeav5eIOIJ9Gv-46SZRCO4xgdv1jg8xgzvpb1yybY8Neolke6aepS9KgqGp4pdN4JrUFVaQ2RLe5UJ5cyWjLKaKJZzsH6SjnjNjCyccnsVr4gBTzriY_qozXpw1voFkpATayUjWaho/s1600/2%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="138" width="320" ></a></div>
<p>8、【設定を保存】ボタンを押す。</p>
<div class="separator" style="TEXT-ALIGN: left; CLEAR: both">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzFzK2-X6w4jHV2X53mmFjXLZYZxkI57SxkEK3_6ByrZAEqNHY6PSAOGK0QSUCiB19tLZbwHIa8EF65ygSR0q-y9UYLDY3XMwPP_2s1CmLycXhjDzNu8cUw2eOd7_yY_wegxO8JMfJMY/s1600/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzFzK2-X6w4jHV2X53mmFjXLZYZxkI57SxkEK3_6ByrZAEqNHY6PSAOGK0QSUCiB19tLZbwHIa8EF65ygSR0q-y9UYLDY3XMwPP_2s1CmLycXhjDzNu8cUw2eOd7_yY_wegxO8JMfJMY/s1600/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%A8%E8%AA%AC%E6%98%8E%E3%81%AE%E8%A8%AD%E5%AE%9A%E7%B7%A8%E9%9B%86.gif" height="136" width="320" ></a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-39708047915406561032014-09-18T13:43:00.001+09:002014-09-18T20:58:07.168+09:00Google AdsenseからGooglr Analytics(アナリティクス)を導入する方法<p> Google AdsenseからGooglr Analytics(アナリティクス)を導入する方法。</p>
<p> Googlr Analytics(アナリティクス)はサイトの状況を分析するツール。</p>
<p> 非常に高機能だという話だが、なんとなく敷居が高く使いこなせないと感じていたため今まで遣ったことが無かった。</p>
<p> でも、今度こそはGooglr Analytics(アナリティクス)を使ってみようと思う。</p><p><a name='more'></a></p>
<p> Googlr Analytics(アナリティクス)はGoogle
Adsense(アドセンス)の管理画面からも登録利用できるらしい。</p>
<p> 挑戦してみよう!</p>
<h3> Google Adsense(アドセンス)からGooglr
Analytics(アナリティクス)を登録する方法</h3>
<p> 1、Google Adsense(アドセンス)にログイン。</p>
<p> 2、Google Adsense(アドセンス)の管理画面の【Google
アナリティクスと統合】をクリック。</p>
<p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRuhMl7dilHoubJQC2hXwQNj-SMc5_C-1_ABwTGEh4-A7cxRXuBB7tjU66FFf2jhXQkTnlYhKx9oflLLuRCeuNk1ZNGS_MoUWLsy4yeqixS-HDjS214YPJRHlfuRUX1cFYuH9nB3FY8vc/s1600/1%E3%83%9B%E3%83%BC%E3%83%A0-+Google+AdSense.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRuhMl7dilHoubJQC2hXwQNj-SMc5_C-1_ABwTGEh4-A7cxRXuBB7tjU66FFf2jhXQkTnlYhKx9oflLLuRCeuNk1ZNGS_MoUWLsy4yeqixS-HDjS214YPJRHlfuRUX1cFYuH9nB3FY8vc/s320/1%E3%83%9B%E3%83%BC%E3%83%A0-+Google+AdSense.gif" /></a></p>
<p> 3、この AdSense アカウントに Google アナリティクス アカウントを統合するには、アナリティクス
アカウントの管理者権限が必要です」という表示の下に【Google アナリティクスに移動】のリンクがあるのでそこをクリック。</p>
<p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguTn1_aDkjuuzRgLQPsnf97Q_ZifUFW6P2mDXg9zKPR-UQ2bLtRnQT7ynYIxTrZKhRLW5j4zXKCQq8ZrAKEDN17wpttoJJXvBvZj_xM9jwsRI8Vp4hmVoo20kbTgMQsbSIdqLLt-PwDEY/s1600/2AdSense+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB+Google+%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E7%B5%B1%E5%90%88%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%80%81%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E7%AE%A1%E7%90%86%E8%80%85%E6%A8%A9%E9%99%90%E3%81%8C%E5%BF%85%E8%A6%81.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguTn1_aDkjuuzRgLQPsnf97Q_ZifUFW6P2mDXg9zKPR-UQ2bLtRnQT7ynYIxTrZKhRLW5j4zXKCQq8ZrAKEDN17wpttoJJXvBvZj_xM9jwsRI8Vp4hmVoo20kbTgMQsbSIdqLLt-PwDEY/s320/2AdSense+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB+Google+%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E7%B5%B1%E5%90%88%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%80%81%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E7%AE%A1%E7%90%86%E8%80%85%E6%A8%A9%E9%99%90%E3%81%8C%E5%BF%85%E8%A6%81.gif" /></a></p>
<p> 4、【お申し込み】をクリック。</p>
<p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPlAeWQBZp36Pm57XFD48BU2omCBj5V30RdQdL7WIFlmUnvIVVOsrmRszTJL3kfpeNoYA2CeNbdxR981SdLiHEwdHerISVcEKB7IV9o0H2XdkP4YL9_3Z034Db4DQxctoTD_9DjXXSkgA/s1600/3AdSense+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB+Google+%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E7%B5%B1%E5%90%88%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%80%81%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E7%AE%A1%E7%90%86%E8%80%85%E6%A8%A9%E9%99%90%E3%81%8C%E5%BF%85%E8%A6%81.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPlAeWQBZp36Pm57XFD48BU2omCBj5V30RdQdL7WIFlmUnvIVVOsrmRszTJL3kfpeNoYA2CeNbdxR981SdLiHEwdHerISVcEKB7IV9o0H2XdkP4YL9_3Z034Db4DQxctoTD_9DjXXSkgA/s320/3AdSense+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB+Google+%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E7%B5%B1%E5%90%88%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%80%81%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9+%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E7%AE%A1%E7%90%86%E8%80%85%E6%A8%A9%E9%99%90%E3%81%8C%E5%BF%85%E8%A6%81.gif" /></a></p>
<p> 5、サイトの登録画面が出てくる。</p>
<p>
1)アカウント名<br>
⇒アカウント名は自由につけて良いらしい。</p>
<p> 2)ウェブサイト名<br>
⇒Googlr
Analytics(アナリティクス)を導入するサイトの名前を記入。</p>
<p> 3)ウェブサイトのURL<br>
⇒Googlr
Analytics(アナリティクス)を導入するサイトのURLを記入。</p>
<p> 4)業種<br>
⇒一番近いサイトの業種を選ぶ。</p>
<p> 5)レポートのタイムゾーン<br>
⇒▼をクリックして「日本」を選択。</p>
<p> 6)データ共有設定<br>
⇒中身を読んで同意できる項目のみチェックを入れる。</p>
<p> 6、【トラッキングIDを収得】をクイック。</p>
<p> 7、利用規約がでてくるので、読んで【同意する】をクリック。</p>
<p> 日本語にする場合、上部の【アメリカ合衆国】をクイックして【日本】を選ぶと日本語になる。</p>
<p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF86iLEYMSyUDD7Z1teCNa9LaDQOkd0x4iLKP4kzZMLAKb2o28CPwfmCIcuvCqFFdjU4qn0DXiSxV4ob1rixs5i58s-muc6cdmu7uT3-FCGLPffOp-Owt1MJV48-i22sN6VofeQo8iZBc/s1600/4Google+Analytics%E7%99%BB%E9%8C%B2.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF86iLEYMSyUDD7Z1teCNa9LaDQOkd0x4iLKP4kzZMLAKb2o28CPwfmCIcuvCqFFdjU4qn0DXiSxV4ob1rixs5i58s-muc6cdmu7uT3-FCGLPffOp-Owt1MJV48-i22sN6VofeQo8iZBc/s320/4Google+Analytics%E7%99%BB%E9%8C%B2.gif" /></a></p>
<p> 8、AdSense の画面に戻って「完了」をクリック。</p>
<h3> Googlr Analytics(アナリティクス)の設置方法もいろいろ</h3>
<p> Googlr
Analytics(アナリティクス)の設置はブログサービスによっていろいろとこれまた方法が違うらしい。</p>
<p> Bloggerの場合とFC2やシーサーブログなどの無料ブログサービス、WordPressなどのphpを使うサイトと設置方法が別々。</p>
<p> 次回はBloggerにGooglr Analytics(アナリティクス)を設置する方法について。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-70792790356822666882014-09-16T00:51:00.000+09:002014-09-18T23:53:53.073+09:00Bloggerの記事部分の文字サイズや色・フォントファミリーを変える<p>
Bloggerの投稿記事内の文字を大きくしてみよう。</p>
<p>
ついでに、フォントファミリー変更や色の変更もご紹介。</p><a name='more'></a>
<h3>
投稿記事内の文字の大きさの変更方法</h3>
<p>
1、Bloggerにログイン。</p>
<p>
2、ブログのタイトルをクリック。</p>
<p>
3、【テンプレート】をクリック。</p>
<p>
4、【カスタマイズ】をクリック。</p>
<p>
5、【上級者向け】をクリック。</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWX8SlONJB0Ul_wSgFjpU6f0HkHKmHqYwBIB7zEyq2wtyXu1HsO_sa6mTiI7KzVLUQ-XXlSgVAEOfZayBFzcICBYLCJE3k-o5MEoIcSW2e1uSWhnL1f6NBbvl4Ki0ze2d-KmpaTEj32cM/s1600/1%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWX8SlONJB0Ul_wSgFjpU6f0HkHKmHqYwBIB7zEyq2wtyXu1HsO_sa6mTiI7KzVLUQ-XXlSgVAEOfZayBFzcICBYLCJE3k-o5MEoIcSW2e1uSWhnL1f6NBbvl4Ki0ze2d-KmpaTEj32cM/s1600/1%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" height="210" width="320" ></a></p>
<p>
6、【ページのテキスト】をクリック。</p>
<p>
7、フォントの▼部分をクリックして、フォント数を選ぶ。</p>
<p>
8、下のほうにプレビューが表示されるので、表示を確認して【ブログに適応】をクリック。</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZjGzmyYOMBQ9Z32WIU1t8FXBecEP8CTTfqGMF-VxkVd_NxRhYPOqI2K6RC-TB8wvD-Bq5_OS9GN4Zzs_IdaKiusQsAzq-43I-HZORtta5r7U9zffza8KVAA3z7XaEn-qtajGg8nxq34/s1600/2%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZjGzmyYOMBQ9Z32WIU1t8FXBecEP8CTTfqGMF-VxkVd_NxRhYPOqI2K6RC-TB8wvD-Bq5_OS9GN4Zzs_IdaKiusQsAzq-43I-HZORtta5r7U9zffza8KVAA3z7XaEn-qtajGg8nxq34/s1600/2%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" height="224" width="320" ></a></p>
<p>
*プレビューをみて、気に入らなければ「ページのテキストの詳細な変更をクリア」をクリック。</p>
<p>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5jWVgnKS7IzPZ8hyphenhyphenoo_7UUUV8I3GL3IQQLHFt_XcKZh1Ly_OpqavGcxmJlWN_mGzl-5qyVRIO6Y2no5WDiktNHCS9fdPFiee5B_p88B7huusZO2b4KqT5slhiWMdTjzl2wzTHw73g-c/s1600/3%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" height="155" width="320" ></p>
<h3>
投稿記事内の文字のフォントファミリー変更方法</h3>
<p>
1、フォントの枠内のフォントファミリーをクリック。</p>
<p>
2、プレビューを確認して【ブログに適応】をクリック。</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ufy-Av2wVgLf9ZHwLk1ycYovCyd-bhxdiIVRAwTHOJge17-AWj4qAuVnwUbZFPk5gGRRlpLp3zFQkXuYYphdhjg4fWhiGnztLo5TiHO-svBRQdO7c5EEJf78JSv28kCummVXINIGVdM/s1600/4%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ufy-Av2wVgLf9ZHwLk1ycYovCyd-bhxdiIVRAwTHOJge17-AWj4qAuVnwUbZFPk5gGRRlpLp3zFQkXuYYphdhjg4fWhiGnztLo5TiHO-svBRQdO7c5EEJf78JSv28kCummVXINIGVdM/s1600/4%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" height="155" width="320" ></a></p>
<p>
*文字を太字にする場合や斜めにする場合は「B」「I」をクリック。</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTKIGWgecpGfath8bM0UtlBi_ake39sAT_1OPwHj8KWva6IMHnecnCcWqmcIHOXEgC84WlEe0irUxmy6IOWFuFa1Zy1lEEuupcItQ43AVoOfpDT5aST-XSEXyAKe9BYK0jjSnfyJU5rVQ/s1600/5%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTKIGWgecpGfath8bM0UtlBi_ake39sAT_1OPwHj8KWva6IMHnecnCcWqmcIHOXEgC84WlEe0irUxmy6IOWFuFa1Zy1lEEuupcItQ43AVoOfpDT5aST-XSEXyAKe9BYK0jjSnfyJU5rVQ/s1600/5%E3%80%81Blogger%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA.gif" height="155" width="320" ></a></p>
<h3>
投稿記事内の文字の色を変える</h3>
<p>
・テキストの色のボックスの中にカラーコードを記入する。</p>
<p>
・テキストの色の▼部分をクリックして色を選ぶ。</p>
<p>
・テキストの色の「お勧めの色」などをクリックする。</p>
<p>
3つの方法どれでも、色の変更ができる。</p>
<h3>
投稿記事内の文字のサイズや色を変えるのまとめ</h3>
<p>
いま使っているBloggerのテンプレートは「シンプル」というやつなのだ。</p>
<p>
ヘッダーもフッターもほとんど装飾がないテンプレートだ。</p>
<p>
設定しだいで、いろいろとブログの見た目が変えられそうなのでこのテンプレートを選んだ。</p>
<p>
が、なんたって、記事内の文字が小さい。</p>
<p>
おいら目が悪いので小さい文字が苦痛なの。</p>
<p>
ということで文字数を16pxにしてみた。</p>
<p>
目の悪い人や、ある程度年齢の行った人に読んでもらうには、ある程度文字が大きいほうが読みやすいと思う。</p>
<p>
どうかな?</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-26514613222914524222014-09-15T01:16:00.000+09:002014-09-18T23:53:53.069+09:00Bloggerの文字の色やフォントを変えてみよう<p> Bloggerのテンプレートの文字の色やフォントを変えてみよう。</p>
<p> Bloggerの場合、テンプレート全体・リンク・タイトル・記事タイトルなど項目別にカラーやフォントの指定も同じようにして変更する。</p>
<a name='more'></a>
<h3>
Bloggerの文字のフォント・色などの変更方法</h3>
<p>1、Bloggerにログイン。</p>
<p>2、編集画面の『テンプレート』をクリック。</p>
<p>3、『カスタマイズ』をクリック。</p>
<p>4、『上級者向け<strike>アドバンス</strike>』をクリック。<br> テンプレート全体・リンク・タイトル・記事タイトルなど項目別にカラーやフォントの指定ができるようになっている。
</p>
<p>5、変更したい部分をクリックで選択し、フォント・サイズ・フォントカラーを選択していく。<br> フォントのカラーに関しては、ボックスの中にカラーコードを入れても指定できる。</p>
<p>6、『ブログに適応』をクリック。</p>
<p> リンクのアンダーラインなどは、他の部分で変更する。</p>
<p> Bloggerのテンプレート⇒カスタマイズ⇒「上級者向け<strike>アドバンス</strike>」は、あくまでフォントのしていやテンプレート全体の色の指定をするもの。</p>
<p> でも、全体のカラーバランスや文字の大きさなどをここひとつで、変更できる。</p>
<p> テンプレートの外枠や内枠などの色指定もこの上級者向け<strike>アドバンス</strike>で行う。</p>
<p> HTMLについて、勉強しなくてもテンプレートのカスタマイズが手軽にできるのは便利。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-90738498125479017422014-09-15T00:59:00.000+09:002014-09-18T23:56:56.021+09:00bloggerのラベル一覧ウィジェットでカテゴリー表示(一工夫するともっと面白い使い方ができる)
<p> Google bloggerには、カテゴリーや記事一覧などが基本的に無い。</p>
<p> カテゴリーに近いのがラベルという機能。</p>
<p> FC2ブログやシーサーブログWordPressのタグに近い機能でもある。</p>
<p> この、ラベルの一覧表示、これまた、少々変わっている。</p><a name='more'></a>
<h3>ウィジェットでラベルの一覧を表示してみよう・基本</h3>
<p>1、「レイアウト」⇒「ウィジェットを追加」⇒「ラベル」をクリック。</p>
<p>2、ラベルの編集画面が出てくる。</p>
<p>1)タイトル⇒ラベル一覧のタイトルを記入。</p>
<p>2)表示⇒「すべてのラベル」または「選択したラベル」を選択。</p>
<p>3)並べ替え⇒「あいうえお順」または「頻度」を選択。</p>
<p>4)表示⇒「リスト」または「クラウド」を選択。</p>
<p>5)件数を表示したい場合は「ラベルごとの投稿数を表示」をチェック。</p>
<p>6)「保存」をクリック。</p>
<h3>bloggerラベル一覧の応用</h3>
<p> bloggerのウィジェット・ラベル一覧には、選択したラベルと表示させることができる。</p>
<p> また、ラベル一覧のウィジェットを複数設置することが可能になる。</p>
<p> これで何ができるかというと、たとえばラベルをつけるときには、ラベルとしてしか入力できないが、入力したラベルをタグとカテゴリーに分けて表示したり、さらに細かく分けて別々に表示することができる。</p>
<h3>bloggerラベル一覧ウィジェットで特定のラベルを表示する方法</h3>
<p>1、「レイアウト」⇒「ウィジェットを追加」⇒「ラベル」をクリック。</p>
<p>2、ラベルの編集画面が出てくる。</p>
<p>1)タイトル⇒ラベル一覧のタイトルを記入。</p>
<p>2)表示⇒「選択したラベル」を選択し、「編集」をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUH0zYNC0PCUqPsr4RQ_umR_qmqZ9ryjQkbpNZPUGX97peYSpcXdSpRi6tV9DGX8CB2alfi0p6FgywJuhNiXmzv9FwcfGAtOgYhspJGPjFIcxAX5eva8OASi3XmFt_XyDGV79GTiTY_c/s1600/1%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUH0zYNC0PCUqPsr4RQ_umR_qmqZ9ryjQkbpNZPUGX97peYSpcXdSpRi6tV9DGX8CB2alfi0p6FgywJuhNiXmzv9FwcfGAtOgYhspJGPjFIcxAX5eva8OASi3XmFt_XyDGV79GTiTY_c/s1600/1%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B.gif" height="245" width="320" ></a></p>
<p>3)ラベルの一覧がでてくるので、表示したいラベルにチェックを入れる。</p>
<p>4)「完了」をクリック。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfDZ9r17SgYZUz9GKg1icGA-VHu3SaHEpbKbsHwxI_7ckM6gSqXg2oqcFVwn16SodJMqipuhpuY7EiyKGJW8QKOUArZEaw5HR28BQiwBAcDORl9WLGZkwZDl1la35h1LQ7nX2Rp-W3VRU/s1600/2%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B.gif" style="MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfDZ9r17SgYZUz9GKg1icGA-VHu3SaHEpbKbsHwxI_7ckM6gSqXg2oqcFVwn16SodJMqipuhpuY7EiyKGJW8QKOUArZEaw5HR28BQiwBAcDORl9WLGZkwZDl1la35h1LQ7nX2Rp-W3VRU/s1600/2%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B.gif" height="320" width="274" ></a></p>
<p>5)並べ替え⇒「あいうえお順」または「頻度」を選択。</p>
<p>6)表示⇒「リスト」または「クラウド」を選択。</p>
<p>7)件数を表示したい場合は「ラベルごとの投稿数を表示」をチェック。</p>
<p>8)「保存」をクリック。</p>
<p> ラベルをカテゴリーとして表示し、かつ細分化して表示したのが↓の画像。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNL1YNoOlHcno8x9iMjmBwNcNt4I_NTEUrAlYfNhvPMiv1RUVhIz6GQo3Lr6mdKlS8gEjHIbKB2ZpYF3z0qT-WThx00ewsunZvNDDfATkgdkkmL8myLoWsM_ks3Me0XlP1nYQIEdNd0LQ/s1600/3%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%A6%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%83%BC%E3%81%A8%E3%81%97%E3%81%A6%E5%88%86%E3%81%91%E3%81%A6%E8%A1%A8%E7%A4%BA.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNL1YNoOlHcno8x9iMjmBwNcNt4I_NTEUrAlYfNhvPMiv1RUVhIz6GQo3Lr6mdKlS8gEjHIbKB2ZpYF3z0qT-WThx00ewsunZvNDDfATkgdkkmL8myLoWsM_ks3Me0XlP1nYQIEdNd0LQ/s1600/3%E3%80%81%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%A6%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%83%BC%E3%81%A8%E3%81%97%E3%81%A6%E5%88%86%E3%81%91%E3%81%A6%E8%A1%A8%E7%A4%BA.gif" height="320" width="231" /></a></p>
<h3>ラベル一覧ウィジェットまとめ</h3>
<p> ラベル一覧はなかなか面白いウィジェットだ。</p>
<p> 工夫次第でいろいろな使い方ができる。</p>
<p> ただbloggerにいったん編集してラベルを編集する機能が無い。</p>
<p> 投稿の編集でラベルをいちいち付け替えるのはなかなか大変な作業。</p>
<p> ラベルの一括変種機能があるともっと便利なのに。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-63724261236147389572014-09-14T06:58:00.000+09:002014-09-18T23:56:56.017+09:00GoogleBloggerの記事内に投稿者名を表示させない方法<p> GoogleBloggerで複数ブログを作るときにネックとなりやすいのは、どのブログでも投稿者名が一緒になってしまうこと。</p>
<p> 今回は、ブログの記事に投稿者名を表示させない方法をご紹介。</p>
<p> 簡単にできるので試してみて。</p>
<p><a name='more'></a></p>
<h3>GoogleBloggerの複数サイト運営時に投稿者名表示させない方法</h3>
<p>1、GoogleBloggerにログイン。</p>
<p>2、該当するブログ名をクリック。</p>
<p>3、「レイアウト」をクリック。</p>
<p>4、「ブログの投稿」の【編集】をクリック。</p>
<p>5、「ブログの投稿の設定」で【投稿者】と【投稿の下に投稿者のプロフィールを表示】のチェックをはずす。</p>
<p>6、更新をクリック。</p>
<h3>GoogleBloggerの記事内に投稿者名を表示させない方法まとめ</h3>
<p> Bloggerでブログを作ると何もしないと投稿者名がメールアドレスかハンドルネームのなってしまう。</p>
<p> この投稿者名が複数ブログでも同じになってしまうというの、変更の仕様が無いのかと思っていた。</p>
<p> でも、それぞれのブログで変えることができるそうなのでちょっと試してみたい。</p>
<p> で、試してみたが、投稿者名を変えるのは難しそう。</p>
<p> その代わり、投稿者名をGoogleBloggerで表示させない方法をご紹介。</p>
<p> こっちは簡単にできるのでこちらの方法をご紹介してみた。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-53787076497939198632014-09-13T21:53:00.002+09:002014-09-18T23:56:56.014+09:00ガジェットを使ってアドセンス広告を挿入してみよう<p> GoogleBloggerにGoogleアドセンスの広告を表示させてみよう。</p><p> 今回は、ガジェットを使ってGoogleアドセンスをGoogleBloggerに表示させてみる。</p>
<p><a name='more'></a></p>
<h3>ガジェットを使ってGoogleアドセンスをGoogleBloggerに表示させる</h3>
<h4>すでにGoogleアドセンスを利用している場合</h4>
<p>1、GoogleBloggerにログイン。</p>
<p>2、該当するブログ名をクリック。</p><p>3、AdSense をガジェットに追加する場合、『レイアウト』をクリック。</p>
<p>4、「ガジェットを追加」をクリック。</p>
<p>5、「HTML/JavaScript 追加 」をクリック。</p>
<p>6、【コンテンツ】の中にGoogleアドセンスのコードを貼り付ける。</p>
<p>7、【保存】をクリック。</p>
<h4>Googleアドセンスを利用したことが無い場合</h4>
<p>1、GoogleBloggerにログイン。</p>
<p>2、該当するブログ名をクリック。</p><p>3、AdSense をガジェットに追加する場合、『レイアウト』をクリック。</p>
<p>4、「ガジェットを追加」をクリック。</p>
<p>5、「AdSense 」 をクリック。</p>
<p>6、Googleアドセンスの登録をしてアドセンスコードを収得し、ガジェットに追加する。</p>
<p>ガジェットに設定したアドセンス広告を削除するには</p>
<p>1、アドセンス広告を削除したいがジェットの「編集」をクリック。</p>
<p>2、【削除】をクリック。</p>
<h3>ガジェットを利用したアドセンス広告挿入の問題点</h3>
<p> スマートフォン表示とPC表示の切り替えができない。</p>
<p> たとえばPCでは表示しないとかスマートフォンだけに表示しないとかの設定が難しい。</p>
<p> ただ、Bloggerの場合、Googleアドセンスの広告を利用するとデバイスに合わせて広告の大きさを変えて表示してくれるみたいだ。</p>
<h3>ガジェットを利用したアドセンス広告挿入のまとめ</h3>
<p> BloggerにGoogleアドセンスの広告を表示させる方法はいくつかある。</p>
<p> ガジェットを利用する方法、レイアウトから記事と記事の間にアドセンスをはさむ方法、HTML中にGoogleアドセンスのコードを貼り付ける方法など。</p>
<p> でもガジェットを利用してGoogleアドセンスを表示させるのが一番簡単。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-70695602704351113662012-11-06T23:18:00.000+09:002014-09-18T23:52:32.932+09:00Bloggerのページタイトルの順番を変える<p> Bloggerテンプレート、ページタイトルがちょっと問題で。</p>
<p> Bloggerテンプレートはページタイトルが『ブログの名前・投稿記事のタイトル』。</p>
<p> なんで、Googleの提供するブログサービスのテンプレートが『ブログの名前・投稿記事のタイトル』なのかしら?</p>
<p><a name='more'></a></p>
<p> ページタイトルの表示順を変える場合は、どうしてもHTMLを変更する必要がある。</p>
<p> Bloggerでは、HTMLの変更を推奨して無いんだけどさ・・・。</p>
<p>『直接 HTML を編集すると、一部の機能の動作に影響することがあるので、上級ユーザーにのみおすすめします。テンプレートの HTML
を編集すると、その他の Blogger の機能に予期しない影響が生じることがあります。まずテンプレート デザイナーを使用することをおすすめします([アドバンス]
セクションで CSS を追加できます)。』</p>
<p> っていう表示が出てくる・・・。</p>
<p> ちょっと勇気が必要だったりして。</p>
<h3>Bloggerのページタイトルを『投稿記事のタイトル・ブログ名』に変更</h3>
<p>1.ブログの管理画面「テンプレート > HMTL の編集」(旧インターフェースでは「デザイン > HMTL
の編集」)を開く。<br><br>2.次のコードを見つける。 </p>
<div style="Z-INDEX: 0; BACKGROUND-COLOR: #ecffe1"
class="code"><title><data:blog.pageTitle/></title></div>
<p><br>3.見つけたコードを次のものに書き換える。<br></p>
<div style="Z-INDEX: 0; BACKGROUND-COLOR: #ecffe1" class="code"><b:if
cond='data:blog.pageType ==
&quot;item&quot;'><br> <title><data:blog.pageName/>
|
<data:blog.title/></title><br><b:else/><br> <title><data:blog.pageTitle/></title><br></b:if>
</div>
<p><br>4.「テンプレートを保存」ボタンを押す。<br></p>
<p> 元のテンプレートはコピーして、メモ帳などに保存しておきましょう。</p>
<p> 間違ったときにすぐ戻せるようにしておこう。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-4986365350601543202012-11-05T01:29:00.000+09:002014-09-18T23:57:53.263+09:00Bloggerテンプレート・カラムの幅の変更<p> BloggerのテンプレートのサイズもHTNLを変更しなくてもできるようになっている。</p>
<p> Bloggerの場合、各カラムの幅やテンプレート全体の幅を指定して変更することができる。</p><p><a name='more'></a></p>
<h3>
Bloggerのテンプレートの幅・カラムの幅の変更方法</h3>
<p>1、Bloggerにログイン。</p>
<p>2、編集画面の『テンプレート』をクリック。</p>
<p>3、『カスタマイズ』をクリック。</p>
<p>4、Adjust widthsをクリック。</p>
<p>*Entire blogはテンプレート全体の幅、Left sidebarは左カラム、Rightsidebarは右カラムの幅。</p>
<p>5、それぞれ、数字を入れるか、スライダーをドラックして、テンプレートやカラムの幅を指定する。</p>
<p>6、ブログに適応をクリック。</p>
<p> Bloggerテンプレートの幅をこの方法で変更できるのは、ピクルス指定の場合のみ。</p>
<p> 幅を固定せずに、%での指定にしたいなどの場合は、HTMLを変更する必要がある。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-59776944354784463982012-10-26T15:53:00.000+09:002014-09-18T23:57:53.267+09:00Bloggerテンプレートのカラムの数を変更する方法<p> Bloggerのテンプレートのカラムデザインを変えてみよう。</p>
<p> 3カラムにしたり、2カラムにしたり、変形のカラムにしたりできる。</p>
<p> HTMLを変更しないでも、クリックだけでカラムの変更ができる。</p><p><a name='more'></a></p>
<h3>
Bloggerのカラムの変更方法</h3>
<p>1、Bloggerにログイン。</p>
<p>2、編集画面の『テンプレート』をクリック。</p>
<p>3、『カスタマイズ』をクリック。</p>
<p>4、『レイアウト』をクリック。</p>
<p>5、好みのレイアウトをクリックで選ぶ。</p>
<p>6、『ブログに適応』をクリック。</p>
<p> Bloggerのカラムは、色々と用意されているので、自分でHTMLを変更しなくても好みのレイアウトに変更できる。</p>
<p> うーん、こういうところは、Bloggerはいいなあ。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-71655477874056978792012-09-05T09:59:00.000+09:002014-09-18T23:50:22.749+09:00bloggerのトップページの表示件数を変更する方法<p> Googleの無料ブログ bloggerのトップページの表示件数を変更する方法。 </p>
<p> Googleの無料ブログサービスbloggerのトップページの記事表示件数を変更する場合、レイアウトからトップページの記事件数を変更する。</p>
<p><a name='more'></a></p>
<h3>bloggerのトップページの表示記事数の設定</h3>
<p>1、レイアウト⇒ブログの投稿⇒編集</p>
<p> </p>
<p>2、一番上のほうに トップページの表示数の設定があるので、数字を書き換える。</p>
<p>『 メイン ページのオプション』の下、『メイン ページの投稿数:』の横の数字を書き換える。</p>
<p> </p>
<p>3、保存ボタンをクリック。</p>
<p> </p>
<hr size="2">
<p> 意外にbloggerの基本操作の説明をしてくれているブログが少なくて、とても単純な操作なのに、探すのに苦労してしまった・・・。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-23441576027018404212012-07-06T20:14:00.001+09:002014-09-18T14:13:00.442+09:00Googleのアカウント(ID)をもらおう<p> Googleでブログを作るためには、Googleアカウントが必要だ。</p>
<p> Googleアカウントがあると、ブログだけでなく、GメールやGoogleアドセンスなどのサービスも使うことができる。</p>
<p><a name='more'></a></p>
<h3>Googleアカウントで利用できるサービス</h3>
<p>・ブログの作成。</p>
<p>・アクセス解析の登録。</p>
<p>・Googleアドセンス(クリック型広告)。</p>
<p>・Gメール。</p>
<h3>Googleアカウントの収得の仕方</h3>
<p>1、Googleのトップページにアクセス。</p>
<p>2、Googleホームページの上のほうにある『ログイン』ボタンをクリック。</p>
<p>3、メールアドレス(フリーメールでもOK)・パスワード・国/地域を指定。</p>
<p>4、画像に表示されている承認用の文字を入力。</p>
<p>5、利用規約の同意ボタンを押して、アカウントを作成終了。</p>
<p>6、登録したメールアドレスに登録情報が送られてきます。</p>
<p>7、アカウントのIDは登録したメールアドレスになります。</p>
<h3>Googleアカウントのまとめ</h3>
<p> Googleアカウントが無くても利用できるサービスの多いGoogle。</p>
<p> でも、GoogleアカウントがあるといろいろなGoogleのサービスをもっと便利に利用できる。</p>
<p> アカウントの登録は無料なのでぜひ登録してみてね。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-1389994660374358582012-06-29T23:27:00.000+09:002014-09-19T00:00:21.957+09:00bloggerで以前に投稿した記事の編集をする方法<p> Googleの無料ブログサービス、bloggerで以前に投稿した記事の編集をする方法</p>
<p> さて、Googleの無料ブログサービス、bloggerに過去に投稿した記事を編集するにはどうしたらいいんだろう?</p>
<p><a name='more'></a></p>
<h3>bloggerの過去記事を編集する方法</h3>
<p>1、bloggerのダッシュボードにログイン。</p>
<p>2、投稿リストに移動をクリック。</p>
<p>3、編集する記事の名前をクリック。</p>
<p>4、投稿内容を編集する場合は、投稿ボックスの中の記事を編集。</p>
<p> カテゴリ(ラベル)を追加したり、投稿日時を変更する場合は、投稿設定の下の各綱目をクリックして変更後『完了』をクリック。</p>
<p>5、更新をクリック。</p>
<p>
<hr size="2">
</p>
<h3>公開中の記事を下書きに戻す場合</h3>
<p>1、bloggerのダッシュボードにログイン。</p>
<p>2、投稿リストに移動をクリック。</p>
<p>3、編集する記事の名前をクリック。</p>
<p>4、下書きに戻すのボタンをクリック。</p>
<hr size="2">
<h3>bloggerの下書きを投稿する場合</h3>
<p>1、bloggerのダッシュボードにログイン。</p>
<p>2、投稿リストに移動をクリック。</p>
<p>3、編集する記事の名前をクリック。</p>
<p>4、公開ボタンをクリック。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-83499059206589306332012-06-09T18:09:00.000+09:002014-09-18T23:50:22.752+09:00ハンドルネームを変更しよう<p> Bloggerでブログを作るとブログの投稿者名にGoogleアカウントに登録したメールアドレスがそのまま適応される。</p>
<p> プライバシーの面からも望ましくないと思う人は投稿者の名前も、変更しておこう。</p><p><a name='more'></a></p>
<h3>投稿者の名前を変更する</h3>
<p>1、ユーザー プロフィールを編集にアクセス。</p>
<p>2、ユーザー情報のハンドルネームを書き換える。 </p>
<p>3、プロフィールを保存をクリック。</p>
<p> これで投稿者名もGoogleアカウントに投稿したメールアドレスではなくハンドルネームが適応される。</p>
<p> ただし、この方法だと複数ブログを運営したときに投稿者名が全部同じ名前に表示される。</p>
<p> 複数のブログをBloggerで運営する場合で、同じ投稿者名が表示されるのがいやな人は、レイアウトから投稿者名を表示する設定をOFFにしておくと良いかも。</p>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7702159749605983739.post-57333765168460089212012-06-08T06:34:00.001+09:002014-09-18T23:50:22.742+09:00bloggerのプロフィールを未公開にする<p> bloggerでのプロフィールは、Googleアカウントに登録したメールアドレスがそのまま適応される。</p>
<p> 「これは、ちょっと、都合が悪い人」という人はプロフィールを非公開にしておこう。</p><p><a name='more'></a></p>
<h3>
bloggerプロフィールを未公開に設定する</h3>
<p>1、ユーザー プロフィールを編集にアクセス。</p>
<p>2、プロフィールを公開のチェックをはずす。</p>
<p>3、プロフィールを保存をクリック。</p>
<h3>bloggerプロフィールを未公開に設定する2</h3>
<p>1、レイアウト⇒「自己紹介」の【編集】をクリック。</p>
<p>2、【削除】をクリック。</p>
<p>3、「ページからこのページ要素を削除してもよろしいですか」の表示が出るので「OK」をクリック。</p>
<p>4、「配置を保存」をクリック。</p>
<p> どちらの方法でも、作成したGooglebloggerにプロフィールは公開されなくなる。</p>
<p> もちろん、登録したメールアドレスが公開されてもかまわないと言う人は、そのままの設定でOKだが・・・。</p>
<h3>メールアドレスを公開せずにプロフィールを公開するには</h3>
<p> メールアドレスは公開したくない。 </p>
<p> けど、プロフィールは表示したい。</p>
<p> という人はウィジェットで、「HTML/JavaScript
」か「テキスト」を追加してその中にプロフィールを書き込めばOK。 </p>
Unknownnoreply@blogger.com0