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

この記事は2分で読めます

ameba_blog

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

 

カラムサイズ

 

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

  • 2カラムの場合、サイドバーのサイズは300px

  • 3カラムの場合、小さい方が180px、大きい方は300px

です。

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

 

なので、サイドバーの大きい方に、

 

写真を埋め込みたい時

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

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

height=”xxx”(高さ)

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

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

SponsoredLink

 

YouTube動画をアメブロサイドバーに埋め込みたい時

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

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

Youtube

 

 

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

 

ユーチューブ

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

youtube4

 

 

 

 

【合わせて読みたい記事】 
アメブロのサイドバーにTwitter(ウィジェット)を埋め込み方を解りやすく解説!
アメブロ記事内にYouTubeを埋め込めてない方へ…。
アメブロのサイドバーにYoutube動画を埋め込む方法
アメブロにグーグルアナリティクスを設置する方法

 

SponsoredLink
  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

  1. 97737e005c2335bd45df1c73124869c8_s
  2. アメブロにYouTube動画を埋め込む
  3. アメブロにYouTube動画を埋め込む
  4. アメブロにYouTube動画を埋め込む
  5. ameba_blog
  6. Google Analyticsをアメブロに設置
  1. この記事へのコメントはありません。

◆登場人物◆


名前:博之
出身地:愛知県
誕生日:6月12日


WEB集客、経営論とかマーケティングのプロを目指す。ブログもそうした記事が増えると思います。

V系バンドBAELSCOPEとして2012.10月まで活動後、AIMへ改名して、Rockシーンへ。
【BAELSCOPE代表曲】EXCEED

現在AIM、活動休止中。
【AIM代表曲】oputimum Execution

2016.1月10日Altair解散。
長い音楽人生に終止符を打つ事を決めました。


Twitter→https://twitter.com/Reira_GT
Instagram↓
Instagram
2014年5月23日生まれのオス猫のティガ。
性格は臆病で甘えん坊です(笑)
職場の上司の家に遊びに来ていた野良猫が産んだ猫ちゃんです。
猫を飼うのは初めてで、疑問に思っている事や病気の対策などを
自分なりに調べたりして、ブログに書き残しています。

◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.1
◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.2
◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.3
◆猫がおしっこをしない時の対処法と飼い主に出来る事
◆猫が食べてはいけないもの危険な物!チョコは命に関わる危険性も。
◆猫の抜け毛の時期と対処はどうすれば!?病気の可能性は!?
猫のティガさんの肉球!!性格診断出来るの??

  • このエントリーをはてなブックマークに追加
  • LINEで送る

PR