Bloggerで画像の回り込みを制御する

Bloggerで画像の回り込みの解除方法を探すと、こんな記事が見つかります。

Bloggerの記事で画像の回り込みを解除



<div style="clear: both;"></div>

とタグを打つことで、文章の途中から
いつでも回り込み解除できるよ、という解説ですね。



ですが実際にブログ記事を書く時は、

画像の回り込みをさせたまま文章を書くか、
最初から回りこみなしで文章を書くか、

の2択ではないでしょうか。
ググっても、Blogger自身の機能でこの違いをコントロールする方法のことを
解説してある記事は見当たりませんでした。



実は、Bloggerではこの2つを、HTMLタグなど打たずにコントロール可能です。

このように編集画面で画像を貼り付けると、デフォルトで中央表示となっています。

画像を選択して、画像下部に現れたメニューの左を押すと…

このように、文字が回りこみます。

さきほどの画像中央の状態で、上部にあるメニューの文字揃えで左揃えにすると…

回りこみは発生しません。

どうしてほぼ同じような操作で結果が違ってしまうのかわかりませんが、
とにかくこれを知っていれば、画像の回り込みで苦労することはなくなるでしょう。

Bloggerにtwitterウィジェットを追加する方法

このスクリプトグラフというブログはGoogleが提供している
Bloggerというブログシステムを使っているのですが、
Bloggerにtwitterウィジェットを追加する方法を検索したら、
こんなページが出てきます。

BloggerのガジェットにTwitterのウィジェットを追加してみた

ですが、実際やろうとすると、そのリンクがなくて、出来ません。
Web界隈じゃよくあることですね。
ページ構成が変わったせいで、昔の情報では出来なくなってしまったのです。


というわけで、2013年7月現在で出来る方法を書いておきます。
大雑把な流れは、

1．twitterの公式ウィジェットを作成する。
2．BloggerのガジェットHTML/JavaScriptでtwitterウィジェットのコードを入力する。

これだけです。
ガジェットとウィジェットってなんで呼称が微妙に違うんでしょうね？
英語は苦手なんでわかりません。

まずは、twitterのホーム画面から。
右上のギヤマークのメニューから、設定をクリックします。

左のメニューでウィジットを選び、右上の新規作成ボタンをクリックします。

ウィジェットの設定画面になりますので、見た目を色々調整したら、
左下のウィジェットを作成ボタンをクリックします。

右下にコードが出てきますので、コードをコピーしておきます。

twitter側の作業はここまで。

ここからBlogger側です。

Bloggerのマイブログ画面です。左のメニューでレイアウトを選び、
追加したい場所のガジェットを追加をクリックします。

ガジェット選択するウィンドウがポップアップしてきます。

この中の、基本ガジェットが選択状態になっているはずです。

HTML/JavaScriptのガジェットを選択します。

コピーしていたtwitterのウィジェットコードを貼り付けたら、

保存をクリックします。

これで完了です。無事にサイドバー部分にtwitterウィジェットが入りましたね。