アメブロのサイドバー、カラム別のサイズは何px？

アメブロサイドバーに関しても、いくつかの記事を更新していますが、写真を埋め込むにしても、YouTube動画を埋め込むにしても、サイズをいくつに設定したらいいのか解らない…っと言う状況を僕も、経験したことがあります。

※アメブロのサイドバーの、カラムは2カラム、3カラムの2パターンで、全5種類から選べる。

です。

アメブロのサイドバーのカラム数の変更は、『マイページ』から、右上の『歯車』マークをクリックして、『デザインの変更』から、カラム変更画面へ行けます。

アメブロのサイドバー写真を埋め込みたい時

<a href=”リンク先URL” target=”ウィンドウの指定”><img src=”画像URL” width=”300″ height=”xxx” border=”枠の太さ”></a>

とすると、サイドバーを写真がはみ出したり、小さくなりすぎたりすることは、なくなりますね！

height＝”xxx”(高さ)

の数値は、元の画像の横幅サイズによって値が変わってきてしまうので、明確な数字は、僕の場合は、GIMP2と言う、画像編集ソフト(無料)のもので、『サイズの拡大縮小』を使って、値を算出しています。

※GIMP2はWindows、Mac共に対応しています。

埋め込みたい、動画を選択して、

①『共有』をクリック→②『埋め込みコード』をクリック→③『もっと見る』をクリック

下画像のような画面が出るので、サイズを決める赤枠をクリックして、『カスタムサイズ』を選択。

↓↓赤枠部分を、300pxと入力すると、高さは勝手に設定されるので、上部のHTMLコードをコピーして、アメブロのサイドバーにコピーで埋め込めます。