Bloggerで他のサイトの記事等を引用する方法

GoogleのブログサービスBloggerで他のサイトの記事等を引用したい場合があります。単純にコピペしてしまうと著作権の問題が起きかねませんし、Googleの検索エンジンの判定にも影響があるかもしれません。

引用方法

引用方法は簡単です。ほかのサイト等からコピペしてきた文章を選択して、上のメニューバーにある「″」のボタンを押すだけです。

これで選択していた文章にはblockquoteのタグが追加され、見た目も変わるし、検索エンジンからも引用であることがわかります。

デザインの変更

しかし、Bloggerのデフォルトでプレビューしてみると、文字はやたら大きいしセンタリングされていて変です。

そこで、テーマをカスタマイズすることにしました。

「テーマ」を選択し「カスタマイズ」をクリックします。

次のページに書かれているように、「詳細設定」「ページのテキスト」から「CSSを追加」を選択します。

ブログにカスタムCSSを追加する

次のコードを追加します。

blockquote{
font-size:medium;
text-align:left
}

意味はフォントサイズを通常にして、テキスト配置を左寄せにしているだけです。

以上の結果、表示は次のようにごく普通の引用になります。

ちなみに、h3{}の部分は見出しデザインの変更です。

h3{
border-left: 5px #777 solid;
font-size: 18px;
font-weight: bold;
margin: 5px 0;
padding: 5px 0 5px 10px;
}

左に、カラー777、幅5ピクセルの縦線を追加しています。